.bg_big {
	width: 100%;
	height: auto;
	background-color: #f8f8f8;
	font-family: arial;
}

/*IE*/
.web-ie2018 {
	font-family: microsoft yahei;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999999999;
	background: #666;
	zoom: 1;
}

.web-ie2018 dl {
	position: absolute;
	width: 700px;
	height: auto;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -350px;
	background: #fff;
}

.web-ie2018 dl #img {
	display: block;
	margin: 50px auto;
}

.web-ie2018 dl h3 {
	display: block;
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 auto 30px;
}

.web-ie2018 dl h4 {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 50px auto 50px;
}

.web-ie2018 dl dd {
	margin: 0 auto 50px;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}

.web-ie2018 dl dd a {
	display: inline-block;
	margin: 0 20px;
}

.web-ie2018 dl dd a img {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 50%;
}

.web-ie2018 dl dd a span {
	display: block;
	font-size: 16px;
	color: #666;
}

/*<------------------------------------->*/

.index06wrap .index06 .sjmap {
	display: none;
}

#cnzz_stat_icon_1279368434 {
	font-size: 12px;
	color: #9fa3a6;
}

#cnzz_stat_icon_1279368434 a {
	font-size: 12px;
	color: #9fa3a6;
}





.prolistoneinfo li .tlinfo p,
.prolistoneinfo li .tlinfo span,
.prolistoneinfo li .tlinfo font {
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-bottom: 0;
	width: 100%;
}

.prolistoneinfo li .tlinfo img {
	display: block;
	width: auto;
	height: auto;
	float: left;
	max-width: 100%;
}

#goodcover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}

#code {
	width: 50%;
	height: auto;
	background-color: #fff;
	padding: 10px;
	position: fixed;
	top: 50px !important;
	display: none;
	left: 25% !important;
	z-index: 1002;
	padding: 30px;
	border-radius: 4px;
}

#code #closebt {
	color: #666;
	font-size: 16px;
	float: right;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
}

#code .wpcf7 {}

#code .wpcf7 .wpcf7-form {
	display: block;
	overflow: hidden;
	width: calc(100% - 100px);
	margin: 0 auto;
}

#code .wpcf7 .wpcf7-form p {
	display: block;
	line-height: 1em;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	margin: 0 0 5px 0;
}

#code .wpcf7 .wpcf7-form p span {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 0 30px 0;
}

#code .wpcf7 .wpcf7-form p span input {
	background-color: #f1f2f3;
	display: block;
	border: 1px solid #ddd;
	height: 40px;
	width: calc(100% - 2px);
	font-size: 16px;
	text-indent: 1em;
	color: #333;
	font-weight: normal;
}

#code .wpcf7 .wpcf7-form p span span {}

#code .wpcf7 .wpcf7-form .more {
	border: 1px solid #064688;
	width: 130px;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
}

#code #closebt:hover {
	color: #064688;
	border: 1px solid #064688;
}

#wpcf7-f2464-o1 .ddtt {}

#wpcf7-f2464-o1 .ddtt h3 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

#wpcf7-f2464-o1 .ddtt h4 {
	display: block;
	text-align: center;
	color: #333;
	letter-spacing: 0;
	font-size: 14px;
	margin: 30px 0;
}




.bltindexnews {
	display: block;
	width: 80%;
	margin: 100px auto;
	overflow: hidden;
	position: relative;
}

.bltindexnews .left {
	display: block;
	width: calc(50% - 25px);
	overflow: hidden;
	position: relative;
	float: left;
}

.bltindexnews .left p,
.bltindexnews .right p {
	display: block;
	overflow: hidden;
}

.bltindexnews .left p img,
.bltindexnews .right p img {
	display: block;
	width: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.bltindexnews .left dd {
	display: block;
	overflow: hidden;
	margin: 30px 0 0 0;
}

.bltindexnews .left dd h3 {
	display: block;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bltindexnews .left dd h4 {
	display: block;
	font-size: 14px;
	line-height: 22px;
	margin: 20px 0;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.bltindexnews .right {
	display: block;
	width: calc(50% - 25px);
	overflow: hidden;
	position: relative;
	float: right;
}

.bltindexnews .right a {
	display: block;
	overflow: hidden;
	margin: 0 0 25px 0;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

.bltindexnews .right a dd {
	display: block;
	width: 60%;
	overflow: hidden;
}

.bltindexnews .right a dd h3 {
	line-height: 26px;
	font-weight: bold;
	display: block;
	color: #333;
	font-size: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.bltindexnews .right a dd h4 {
	display: block;
	font-size: 14px;
	margin: 16px 0;
	text-align: justify;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #666;
}

.bltindexnews .right a p {
	display: block;
	overflow: hidden;
	width: 35%;
}

.bltindexnews .right a:last-child {
	margin: 0;
}

.bltindexnews .right a .newsmore,
.bltindexnews .left .newsmore {
	display: inline-block;
	border-bottom: 2px solid #064688;
	width: auto;
	padding: 0 0 5px;
}

.bltindexnews .right a .newsmore span,
.bltindexnews .left .newsmore span {
	display: block;
	font-size: 12px;
	float: left;
	margin: 0 10px 0 0;
	color: #333;
	text-transform: uppercase;
}

.bltindexnews .right a .newsmore .fa,
.bltindexnews .left .newsmore .fa {
	color: #333;
	font-size: 16px;
	float: left;
}

.bltindexnews .right a h5,
.bltindexnews .left h5 {
	display: block;
	color: #000;
	margin: 20px 0;
	font-size: 14px;
}

.bltindexnews a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.bltindexnews a:hover h3,
.bltindexnews .right a:hover dd h3 {
	color: #064688;
}

@media only screen and (max-width: 1600px) {
	.bltindexnews {
		width: 90%;
	}

	.bltindexnews .left dd h3 {
		font-size: 20px;
	}

	.bltindexnews .left dd h4 {
		-webkit-line-clamp: 2;
	}

	.bltindexnews .right a h5 {
		display: none;
	}

	.bltindexnews .right a dd h3 {
		font-size: 16px;
	}

	.bltindexnews .right a {
		margin: 0 0 30px 0;
	}

	.bltindexnews .right a dd h4 {
		font-size: 12px;
	}

	.bltindexnews .right a .newsmore span,
	.bltindexnews .left .newsmore span {
		letter-spacing: -1px;
	}
}





.innerbanner .hottt {
	display: block;
	width: 570px;
	margin: 20px auto 0;
}

.innerbanner .hottt span {
	line-height: 24px;
	display: block;
	float: left;
	color: #ddd;
	font-size: 14px;
	letter-spacing: 0;
}

.innerbanner .hottt a {
	display: block;
	float: left;
	color: #ccc;
	font-size: 12px;
	margin: 0 10px 10px 0;
	border: 1px solid #eee;
	line-height: 20px;
	padding: 2px 10px;
	border-radius: 4px;
	opacity: 0.9;
}

.innerbanner .hottt a:hover {
	border: 1px solid #fff;
	color: #fff;
}


.nofoundanytihings {
	display: block;
	color: #102f40;
	letter-spacing: 0;
	font-size: 20px;
	margin: 100px 0 0 0;
}

.searchlistcenter .p-yjy-center .p-kn .product {
	display: block;
	overflow: hidden;
}

.searchlistcenter .p-yjy-center .p-kn .product a {
	display: block;
	overflow: hidden;
	border: 1px solid #ddd;
	width: calc(100% - 2px);
	position: relative;
	margin: 0 0 1% 0;
	float: left;
	transition: all .3s;
	padding: 20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

.searchlistcenter .p-yjy-center .p-kn .product a h5 {
	display: block;
	overflow: hidden;
	float: left;
	width: 20%;
	max-height: 250px;
}

.searchlistcenter .p-yjy-center .p-kn .product a h5 img {
	width: 100%;
	display: block;
	transition: all .6s;
}

.searchlistcenter .p-yjy-center .p-kn .product a h6 {
	display: block;
	width: 75%;
	padding: 0 0;
	background: none;
}

.searchlistcenter .p-yjy-center .p-kn .product a h6 span {
	display: block;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 22px;
}

.searchlistcenter .p-yjy-center .p-kn .product a h6 font {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.searchlistcenter .p-yjy-center .p-kn .product a h6 e {
	display: block;
	width: 50px;
	height: 1px;
	background: #ccc;
	margin: 10px 0;
}

.searchlistcenter .p-yjy-center .p-kn .product a:hover {
	border: 1px solid #064688;
}

.searchlistcenter .p-yjy-center .p-kn .product a:hover h6 span {
	color: #064688;
}

.searchlistcenter .p-yjy-center .p-kn .product a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.searchlistcenter .p-yjy-center .p-kn .powder {}

.searchlistcenter .p-yjy-center .p-kn .powder a {
	display: block;
	overflow: hidden;
	width: 80%;
	margin: 0 0 50px 0;
	position: relative;
}


.searchlistcenter .p-yjy-center .p-kn .powder a {
	display: block;
	width: 18.4%;
	box-sizing: border-box;
	background-color: #b4b8ba;
	padding: 25px;
	margin-right: 2%;
	transition: all .3s;
}

.searchlistcenter .p-yjy-center .p-kn .powder a .cont {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #fff;
	padding: 70px 20px;
}

.searchlistcenter .p-yjy-center .p-kn .powder a .cont h3 {
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.searchlistcenter .p-yjy-center .p-kn .powder a:nth-of-type(4n) {
	margin-right: 0;
}

.searchlistcenter .p-yjy-center .p-kn .powder a .cont p {
	font-size: 18px;
	color: #fff;
	display: none;
}

.searchlistcenter .p-yjy-center .p-kn .powder a:hover {
	background-color: #e77d26;
}

.searchlistcenter .p-yjy-center .p-kn .newslist {}

.searchlistcenter .p-yjy-center .p-kn .newslist .content {
	display: block;
	width: 100%;
	padding: 50px 0;
	background-color: transparent;
	transition: all .3s;
	border-bottom: 1px solid #ddd;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content .main {
	position: relative;
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox {
	width: 20%;
	overflow: hidden;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .imgbox img {
	transform: scale(1.1);
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	width: 75%;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox h3 {
	font-size: 22px;
	color: #222;
	font-weight: bold;
	margin: 26px 0;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox span {
	font-size: 14px;
	color: #888;
	line-height: 100%;
}

.searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .textbox h3 {
	color: #064688;
}



.innerbanner {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.innerbanner img {
	display: block;
	width: 100%;
}

.searchbanner .text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 55%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.innerbanner .text p {
	font-size: 24px;
	color: #ffffff;
	line-height: 1em;
	margin: 0;
	font-weight: normal;
}

.innerbanner .text h3 {
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}

.innerbanner .text form {
	width: 570px;
	height: auto;
	margin: auto;
	margin-top: 20px;
}

.innerbanner .text form input {
	display: block;
	width: 85%;
	float: left;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border: none;
	height: 42px;
	outline: none;
	padding-left: 20px;
}

.innerbanner .text form .btn {
	display: block;
	width: 15%;
	box-sizing: border-box;
	border: none;
	background-color: #064688;
	font-size: 12px;
	color: #FFFFFF;
	height: 42px;
	outline: none;
	cursor: pointer;
	transition: all .3s;
}

.innerbanner .text form .btn i {
	font-size: 12px;
	color: inherit;
	margin-right: 5px;
}

.innerbanner .text form .btn:hover {
	background-color: #064688;
}



.searchlist-titile {
	display: block;
	overflow: hidden;
	margin: 20px auto 0;
	width: 800px;
}

.searchlist-titile h3 {
	text-transform: uppercase;
	display: block;
	font-size: 16px;
}

.searchlist-titile h3 span {
	display: inline-block;
	color: #064688;
	font-size: 20px;
	margin: 0 20px 0 0;
}

.p-search-to {
	margin: 50px auto 0;
}

.p-search-to dl {
	margin: 30px 0 10px;
}

.searchlistcenter {
	display: block;
	width: 1200px;
	margin: 100px auto;
	overflow: hidden;
	min-height: 600px;
}

.searchlistcenter .p-yjy {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 0 0 10px 0;
}

.searchlistcenter .p-yjy a {
	position: relative;
	display: block;
	float: left;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 80px 0 0;
	overflow: hidden;
	font-weight: bold;
}

.searchlistcenter .p-yjy .active {
	color: #064688;
}

.searchlistcenter .p-yjy-center {
	display: block;
	overflow: hidden;
	margin: 50px 0 0 0;
}

.searchlistcenter .p-yjy-center .p-kn {
	display: none;
	overflow: hidden;
}

.searchlistcenter .p-yjy-center .p-kn.active {
	display: block;
}


.searchlistcenter .p-yjy-center .p-kn .searchlistnews {}

.searchlistcenter .p-yjy-center .p-kn .searchlistnews a {
	width: 100%;
	margin: 0 0 30px 0;
	background: none;
	float: none;
	border: 0;
	overflow: hidden;
	display: block;
}

.searchlistcenter .p-yjy-center .p-kn .searchlistnews a img {
	display: none;
}

.searchlistcenter .p-yjy-center .p-kn .searchlistnews a p {
	text-align: left;
	text-transform: uppercase;
	padding: 20px 10px;
	min-height: auto;
	background: none;
	border: 1px solid #eee;
	font-size: 16px;
	font-weight: normal;
}

.searchlistcenter .p-yjy-center .p-kn .searchlistnews a p font {
	display: block;
	float: right;
	color: #000;
	margin: 0 20px 0 0;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 14px;
}

.searchlistcenter .p-yjy-center .p-kn a:hover p {
	background: #064688;
	color: #fff;
}

.searchlistcenter .p-yjy-center .p-kn a:hover p font {
	color: #fff;
}


.searchlistcenter .p-yjy-center .p-kn .product01 {
	width: 100%;
	padding: 0;
}



.innerbanner .hottt span {
	width: 100px;
	float: left;
	text-align: left;
}

.innerbanner .hottt p {
	width: calc(100% - 100px);
	float: left;
}


@media only screen and (max-width: 1600px) {

	.searchbanner .text p {
		font-size: 24px;
		margin: 0;
	}

	.searchbanner .text form {
		margin-top: 10px;
	}

	.searchbanner .text {
		top: 55%;
	}

}












/* pc */
.pc-1200px {
	display: none;
}

@media only screen and (max-width:1260px) {
	.pc-1200px {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #333;
		z-index: 99999999999999999;
		display: block;
	}

	.pc-1200px p {
		position: absolute;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		width: 100%;
		top: 50%;
		left: 0;
	}

	.pc-1200px p img {
		display: block;
		margin: 0 auto 2em;
		height: 50px;
	}

	.pc-1200px p strong {
		display: block;
		color: #fff;
		text-align: center;
		font-size: 2em;
		letter-spacing: 1px;
		line-height: 1em;
		margin-bottom: 2em;
	}

	.pc-1200px p span {
		display: block;
		text-align: center;
		color: #eee;
		letter-spacing: 1px;
		font-size: 16px;
	}
}

.bannerImg {
	overflow: hidden;
}

.bannerwrap .bannerImg img {
	width: 100%;
}

.bannerImg .swiper-button-prev,
.bannerImg .swiper-button-next {
	background-image: none;
}

.bannerImg .swiper-button-prev {
	left: 3%;
}

.bannerImg .swiper-button-next {
	right: 3%;
}

/* header */
.headerwrap {
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	/* border-bottom: 1px solid #ddd; */
	padding: 0 8%;
	top: 0;
	left: 0;
	z-index: 20;
	transition: all .3s;
}

.headerwrap.fixedTop {
	position: fixed;
}

.headerwrap .header {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.headerwrap .header .logo {
	display: block;
}

.headerwrap .header .logo img {
	display: block;
	width: auto;
}

.headerwrap .header .logo .logo02 {
	display: none;
}

.headerwrap .header .nav {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.headerwrap .header .nav li {
	position: relative;
}

.headerwrap .header .nav li>a {
	display: block;
	height: 90px;
	line-height: 90px;
	font-size: 18px;
	color: #333333;
	/* color: #FFFFFF; */
	position: relative;
	box-sizing: border-box;
	padding: 0 25px;
}
.headerwrap .header .nav li:hover > a{
	color: #ffffff;
	background-color: #064688;
}
.headerwrap .header .nav li>a::after {
	/* content: '';
	display: block;
	width: 0%;
	height: 100%;
	background-color: #064688;
	transition: all .3s;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1; */
}

.headerwrap .header .right {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.headerwrap .header .right .language {
	font-size: 14px;
	color: #FFFFFF;
}

.headerwrap .header .right i {
	font-size: 16px;
	color: #FFFFFF;
	margin-right: 20px;
}

.headerwrap .header .right span {
	display: block;
	width: 1px;
	height: 14px;
	background-color: #FFFFFF;
	margin: 0 15px;
}

.headerwrap .header .right a {
	font-size: 14px;
	/* color: #FFFFFF; */
	color: #333333;
}

.header .nav li .nav02 {
	position: absolute;
	box-sizing: border-box;
	padding: 0;
	z-index: 5;
	width: 610px;
	left: 0;
	margin-left: 0px;
	text-align: center;
	top: 51.5px;
	display: none;
	justify-content: center;
	flex-flow: row;
	white-space: nowrap;
	transition: all .3s;
	top: 90px;
}

.header .nav li .nav02 a {
	display: inline-block;
	width: auto;
	font-size: 15px;
	color: #666;
	line-height: 40px;
	margin: 0;
	float: none;
	margin-right: 0;
	position: relative;
	text-align: left;
	padding-left: 30px;
	padding-right: 10px;
}

.header .nav li .nav02 a:last-child {
	margin-right: 0;
}

.header .nav li .nav02 a:hover {
	color: #064688;
	background-color: #fff;
}

.header .nav li .nav02 a:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 14px;
	background-color: #064688;
	position: absolute;
	top: 14px;
	left: 5px;
	opacity: 0;
}

.header .nav li .nav02 a:hover:before {
	opacity: 1
}

.header .nav li .nav02 a i {
	opacity: 0;
	transition: all .6s;
}

.header .nav li .nav02 a:hover i {
	opacity: 1;
}

.header .nav li .nav02 {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0;
	width: 180px;
	box-shadow: 0px 2px 2px rgba(34, 34, 34, 0.3)
}

.header .nav li .nav02 a {
	display: block;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .nav li:hover .nav02 {
	display: block;
}



.headerwrap:hover,
.div2_1 .headerwrap,
.div3 .headerwrap {
	background-color: #FFFFFF;
}

.headerwrap:hover .header .logo .logo01,
.div2_1 .headerwrap .header .logo .logo01,
.div3 .headerwrap .header .logo .logo01 {
	display: none;
}

.headerwrap:hover .header .logo .logo02,
.div2_1 .headerwrap .header .logo .logo02,
.div3 .headerwrap .header .logo .logo02 {
	display: block;
}

.headerwrap:hover .header .nav li>a,
.div2_1 .headerwrap .header .nav li a,
.div3 .headerwrap .header .nav li>a {
	color: #333333;
}

.headerwrap:hover .header .right i,
.div2_1 .headerwrap .header .right i,
.headerwrap:hover .header .right,
.div2_1 .headerwrap .header .right,
.div3 .headerwrap .header .right i,
.div3 .headerwrap .header .right {
	color: #333333;
}

.headerwrap:hover .header .right a,
.div2_1 .headerwrap .header .right a,
.div3 .headerwrap .header .right a {
	color: #333333;
}

.headerwrap:hover .header .right span,
.div2_1 .headerwrap .header .right span,
.div3 .headerwrap .header .right span {
	background-color: #333333;
}

.headerwrap .header .nav li:hover a::after {
	width: 100%;
}

.headerwrap:hover .header .nav li:hover>a {
	color: #ffffff;
}


.headerwrap .header .right .fa-search {
	font-size: 18px;
	margin: 0 20px 0 0;
}


.headerwrap .header .nav li .nav03 {
	position: fixed;
	width: 90%;
	background: #fff;
	left: 0;
	padding: 0 5%;
	display: none;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #eee;
	z-index: -1;
}

.headerwrap .header .nav li .nav03 dt {
	float: left;
	display: block;
	width: 60%;
	padding: 30px 0;
	overflow: hidden;
}

.headerwrap .header .nav li .nav03 dt h5 {
	display: block;
	font-size: 30px;
	color: #000;
	line-height: 30px;
	margin: 0 0 50px 0;
}

.headerwrap .header .nav li .nav03 dt h6 {
	display: block;
	overflow: hidden;
}

.headerwrap .header .nav li .nav03 dt h6 span {
	display: block;
	overflow: hidden;
	float: left;
	width: 25%;
	margin-top: 2%
}

.headerwrap .header .nav li .nav03 dt h6 span a {
	color: #000;
	font-size: 16px;
}

.headerwrap .header .nav li .nav03 dt h6 span a .fa {
	margin: 0 0 0 10px;
}

.headerwrap .header .nav li .nav03 dt h6 span a:hover,
.headerwrap .header .nav li .nav03 dd a:hover .cont h3 {
	color: #064688;
}

.headerwrap .header .nav li .nav03 dd {
	box-shadow: -16px 0px 15px rgba(0, 0, 0, 0.05);
	padding: 30px 0 30px 5%;
	display: block;
	overflow: hidden;
	width: 35%;
	float: right;
}

.headerwrap .header .nav li .nav03 dd a {}

.headerwrap .header .nav li .nav03 dd a .imgBox {
	max-height: 200px;
	display: block;
	overflow: hidden;
}

.headerwrap .header .nav li .nav03 dd a .imgBox img {
	display: block;
	width: 100%;
}

.headerwrap .header .nav li .nav03 dd a .cont {}

.headerwrap .header .nav li .nav03 dd a .cont p {
	display: block;
	color: #999;
	margin: 20px 0;
}

.headerwrap .header .nav li .nav03 dd a .cont h3 {
	display: block;
	color: #333;
	font-size: 24px;
	line-height: 30px;
}

.headerwrap .header .nav li .nav03 dd a .cont font {}

.headerwrap .header .nav li .nav03 dd a .cont .more {}

.headerwrap .header .nav li:hover .nav03 {
	display: block;
	top: 90px;
}


@media only screen and (max-width: 1600px) {
	.headerwrap .header .nav li:hover .nav03 {
		display: block;
		top: 86px;
	}

	.headerwrap .header .nav li .nav03 dt h5,
	.headerwrap .header .nav li .nav03 dd a .cont h3 {
		font-size: 20px;
	}

}




/*banner*/
.bannerwrap1,
.bannerwrap1 .banner,
.bannerwrap1 .banner .swiper-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.bannerwrap1 img {
	display: block;
	width: auto;
	height: 100%;
	min-width: 100%;
}

/* .bannerwrap1::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 0;
} */

/* .bannerwrap1 .banner .text {
	width: 1200px;
	height: calc(100% - 180px);
	box-sizing: border-box;
	position: absolute;
	top: 90px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 2;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: auto;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	padding-left: 60px;
}

.bannerwrap1 .banner .text .cont {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.bannerwrap1 .banner .text p {
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 30px;
	line-height: 30px;
}

.bannerwrap1 .banner .text h3 {
	font-size: 56px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 40px;
	letter-spacing: 10px;
}

.bannerwrap1 .banner .text .cont .more {
	height: 46px;
	line-height: 46px;
} */

.more {
	display: block;
	width: 180px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	background-color: #064688;
	color: #FFFFFF;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	border-radius: 2px;
}

.more::after {
	content: '';
	width: 0;
	height: 100%;
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
	z-index: -1;
}

.more:hover::after {
	width: 100%;
}

.more:hover {
	color: #064688;
}

/* .bannerwrap1 .banner .text .cont::before {
	content: '';
	display: block;
	width: 3px;
	height: 30px;
	top: 0;
	left: -62px;
	background-color: #FFFFFF;
	position: absolute;
} */

/* videobanner */
/* .bannerwrap1 video {
	display: block;
	width: 100%;
	object-fit: fill;
}

.bannerwrap1 .vide0text {
	padding-top: 80px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 1;
}

.bannerwrap1 .vide0text p {
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.bannerwrap1 .vide0text h3 {
	font-size: 54px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 40px;
	letter-spacing: 10px;
}

.bannerwrap1 .sjbanner {
	display: none;
}
*/




.b-bot {
	width: 100%;
	box-sizing: border-box;
	height: 90px;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.b-bot .scoll {
	width: calc((100% - 1200px)/2);
	height: 100%;
	background-color: #7e8085;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	cursor: pointer;
	transition: all .3s;
}

.b-bot .scoll p {
	color: #fff;
	font-size: 12px;
}

.b-bot .scoll:hover {
	background-color: #064688;
}

.b-bot .page {
	width: auto;
	height: 90px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #FFFFFF;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}

.b-bot .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: transparent;
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	border: 1px solid #00000000;
	opacity: 1;
	margin-right: 10px;
}

.b-bot .swiper-pagination {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding: 0 120px 0 30px;
	box-sizing: border-box;
	height: 90px;
	border-right: 1px solid #DDDDDD;
}

.b-bot .swiper-pagination-bullet::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #bbbbbb;
	border-radius: 50%;
}

.b-bot .swiper-pagination .swiper-pagination-bullet-active {
	border-color: #064688;
}

.b-bot .swiper-pagination .swiper-pagination-bullet-active::after {
	background-color: #064688;
}

.b-bot .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.b-bot .page strong {
	display: block;
	width: 50px;
	height: 2px;
	background-color: #BBBBBB;
	margin: 0 30px;
}

.b-bot .page .arrow {
	width: auto;
	box-sizing: border-box;
	padding: 0 30px;
}

.b-bot .page .arrow .swiper-button-next,
.b-bot .page .arrow .swiper-button-prev {
	background-image: none;
	font-size: 30px;
	position: relative;
	color: #454545;
	height: auto;
	margin-top: 0;
	width: auto;
}

.b-bot .page .arrow .swiper-button-next {
	margin-left: 40px;
	right: 0;
}

.jt {
	display: block;
	width: 10px;
	height: 10px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	animation: updown 1.5s ease-out infinite;
	-webkit-animation: updown 1.5s ease-out infinite;
	z-index: 3;
}

@keyframes updown {
	0% {
		transform: translateY(0) rotate(-45deg);
		-webkit-transform: translateY(0) rotate(-45deg);
		opacity: 1;
	}

	50% {
		transform: translateY(20px) rotate(-45deg);
		-webkit-transform: translateY(20px) rotate(-45deg);
		opacity: 0;
	}

	100% {
		transform: translateY(0) rotate(-45deg);
		-webkit-transform: translateY(0) rotate(-45deg);
		opacity: 0;
	}
}

@-webkit-keyframes updown {
	0% {
		transform: translateY(0) rotate(-45deg);
		-webkit-transform: translateY(0) rotate(-45deg);
		opacity: 1;
	}

	50% {
		transform: translateY(20px) rotate(-45deg);
		-webkit-transform: translateY(20px) rotate(-45deg);
		opacity: 0;
	}

	100% {
		transform: translateY(0) rotate(-45deg);
		-webkit-transform: translateY(0) rotate(-45deg);
		opacity: 0;
	}
}

.centerBig img {
	-webkit-animation-name: centerBig;
	animation-name: centerBig;
}

@-webkit-keyframes centerBig {
	100% {
		transform: scale(1.1, 1.1);
	}
}

@keyframes centerBig {
	100% {
		transform: scale(1.1, 1.1);
	}
}

.swiper-slide img {
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}

/* .bannerwrap1 .banner:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.5);
} */

/* indexwrap */
.indexwrap {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

/* index01wrap */
.index01 {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;
	margin-top: 150px;
}

.index01 .left {
	width: 36.66%;
	position: relative;
	box-sizing: border-box;
	padding-left: 100px;
}

.index01 .left::after {
	content: '';
	display: block;
	width: 1px;
	height: calc(100% - 72px);
	background-color: #ddd;
	position: absolute;
	left: 0;
	top: 0;
}

.index01 .left .cont {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding-right: 100px;
	z-index: 1;
}

.index01 .left::before {
	content: '';
	width: 3px;
	height: 30px;
	background-color: #064688;
	position: absolute;
	left: 0;
	top: 0;
}

.index01 .left .cont h3 {
	font-size: 32px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 30px;
}

.index01 .left .cont h4 {
	font-size: 18px;
	color: #222222;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight: bold;
}

.index01 .left .cont h5 {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 30px;
}

.index01 .left .cont .more {
	border: 1px solid #064688;
}

.index01 .right {
	width: 43.33%;
	box-sizing: border-box;
	position: relative;
}

.index01 .right .cont {
	width: 100%;
	overflow: hidden;
	background-color: #eee;
}

.index01 .right .cont img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.index01 .right .cont:hover img {
	transform: scale(1.1);
}

.a-right {
	width: 20%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.a-right a {
	width: 100%;
	height: 100%;
	background-color: #e09845;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: column;
	flex-flow: column;
	box-sizing: border-box;
	padding: 90px 50px;
	transition: all .3s;
}

.a-right h3 {
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
}

.a-right h3 span {
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 10px;
}

/* .a-right i{font-size: 18px;color: #FFFFFF;} */
.a-right:hover a {
	background-color: #064688;
}

.jt02 {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.jt02::before {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background-color: #fff;
	transition: all .3s;
}

.jt02::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #fff;
	margin-left: -5px;
}

.a-right:hover .jt02::before {
	width: 40px;
}

/* index02 */
.index02 {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	margin-bottom: 150px;
	position: relative;
}

.index02 .imgbg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
	z-index: 0;
	width: 600px;
	right: -300px;
}

.index02 li {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	position: relative;
	z-index: 1;
}

.index02 li .left {
	width: 36.66%;
	background-color: #eee;
	overflow: hidden;
}

.index02 li .left img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.index02 li:hover .left img {
	transform: scale(1.1);
}

.index02 li .right {
	width: 43.33%;
	box-sizing: border-box;
	padding: 90px 50px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: column;
	flex-flow: column;
}

.index02 li .right h3 {
	font-size: 26px;
	color: #222222;
	font-weight: bold;
}

.index02 li .right h3 span {
	display: block;
	font-size: 16px;
	color: #222;
	margin-top: 10px;
	font-weight: normal;
}

.index02 li .right i {
	font-size: 18px;
	color: #064688;
}

.index02 li:nth-of-type(2n) {
	-webkit-flex-flow: row-reverse;
	flex-flow: row-reverse;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.index02 li:nth-of-type(2n) .left {
	width: 53.67%;
}

.index02 li:nth-of-type(2n) .right {
	width: 36.66%;
}

.index02 li .right .jt02::before {
	background-color: #064688;
}

.index02 li .right .jt02::after {
	border-left-color: #064688;
}

.index02 li:hover .right .jt02::before {
	width: 40px;
}

.index02 li:hover .right h3 {
	color: #064688;
}

.index02 li:hover .right h3 span {
	color: #064688;
}

.index02 li .right .hover {
	margin-top: 30px;
	font-size: 15px;
	color: #666;
	opacity: 0;
	transition: all .3s;
	line-height: 30px;
}

.index02 li:hover .right .hover {
	opacity: 1;
}


/* index03 */
.index03 {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 150px calc((100% - 1400px)/2) 0;
	background-color: #fff;
}

.index03 .item {
	display: block;
	width: 50%;
	overflow: hidden;
	position: relative;
	position: relative;
}

.index03 .item::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all .3s;
}

.index03 .item:nth-of-type(1)::after {
	background-color: rgba(0, 0, 0, 0.4);
}

.index03 .item:nth-of-type(2)::after {
	background-color: rgba(54, 54, 54, 0.4);
}

.index03 .item img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.index03 .item .text {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.index03 .item .text h3 {
	font-size: 32px;
	color: #FFFFFF;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	position: relative;
	text-align: center;
	font-weight: bold;
}

.index03 .item .text h3::after {
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: #064688;
}

.index03 .item .text h4 {
	width: 60%;
	margin: auto;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 30px;
	text-align: center;
}

.index03 .item .text .more {
	margin: auto;
	border: 1px solid #fff;
	background-color: transparent;
	margin-top: 130px;
}

.index03 .item:nth-of-type(1):hover::after {
	background-color: rgba(0, 0, 0, 0.66);
}

.index03 .item:nth-of-type(2):hover::after {
	background-color: rgba(54, 54, 54, 0.6);
}

.index04wrap {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 0;
}

.index04wrap .top {
	margin: 150px auto;
	width: 1200px;
	text-align: center;
}

.index04wrap .top p {
	font-size: 20px;
	color: #313233;
	margin-bottom: 10px;
	opacity: 0.7;
}

.index04wrap .top h3 {
	font-size: 30px;
	color: #313233;
	font-weight: bold;
}

.index04wrap .top strong {
	display: block;
	width: 30px;
	height: 2px;
	background-color: #064688;
	margin: 30px auto;
}

.index04wrap .top h4 {
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	width: 50%;
	margin: auto;
}

.index04wrap .index04 {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 150px calc((100% - 1200px)/2);
	background: url(../images/bj2.png)no-repeat fixed;
	background-size: cover;
}

.index04wrap .index04 .text {
	width: 100%;
	position: relative;
}

.index04wrap .index04 .text .cont {
	width: 50%;
	padding: 70px;
	background-color: rgba(0, 0, 0, 0.5);
	margin-left: -70px;
	box-sizing: border-box;
	padding-left: 110px;
	transition: all .3s;
}

.index04wrap .index04 .text .cont::before {
	content: '';
	display: block;
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

.index04wrap .index04 .text .cont::after {
	content: '';
	display: block;
	width: 2px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 70px;
	background-color: #FFFFFF;
}

.index04wrap .index04 .text .cont h3 {
	font-size: 32px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 30px;
}

.index04wrap .index04 .text .cont h4 {
	font-size: 15px;
	color: #ffffff;
	line-height: 24px;
	margin-bottom: 40px;
	text-align: justify;
}

.index04wrap .index04 .text .cont a {
	background-color: transparent;
	border: 1px solid #fff;
}

.index04wrap .index04 .text .cont a::after {
	background-color: #fff;
}

.index04wrap .index04 .text .cont a:hover {
	color: #064688;
}

.index04wrap .index04 .text .cont:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

/* index05wrap */
.index05wrap {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 0 0 90px;
}

.X_top {
	width: 89%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.index05wrap .top {
	width: 100%;
	box-sizing: border-box;
	padding: 150px 0 20px;
	margin-bottom: 40px;
	background-color: #f1f2f3;
}

.index05wrap .top .left {
	width: 50%;
	box-sizing: border-box;
	padding-left: calc((100% - 1200px)/2);
	position: relative;
}

.index05wrap .top .left .bgfont {
	font-size: 138px;
	color: #222222;
	opacity: 0.05;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	left: 24px;
	letter-spacing: 3px;
	top: 66px;
}

.index05wrap .top .left .cont {
	width: 100%;
	padding-top: 120px;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	padding-left: 40px;
	position: relative;
}

.index05wrap .top .left .cont::before {
	content: '';
	display: block;
	width: 3px;
	height: 30px;
	position: absolute;
	left: -2px;
	top: 200px;
	background-color: #064688;
}

.index05wrap .top .left .cont .tl {
	font-size: 32px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 53px;
}

.index05wrap .top .left .cont .list {
	width: 100%;
	box-sizing: border-box;
}

.index05wrap .top .left .cont .list .item h3 {
	font-size: 24px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 40px;
}

.index05wrap .top .left .cont .list .item h4 {
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	margin-bottom: 50px;
	padding-right: 100px;
	box-sizing: border-box;
}

.index05wrap .top .left .cont .list .item .more {
	width: 150px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #064688;
	transition: all .3s;
}

/*.index05wrap .top .left .cont .list .item .more::after{background-color: transparent;}*/
/*.index05wrap .top .left .cont .list .item .more:hover{background-color: transparent;}*/
.index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide {
	opacity: 0 !important;
}

.index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
	opacity: 1 !important;
}

.index05wrap .top .right {
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.index05wrap .top .right img {
	display: block;
	width: 100%;
	transition: all .6s;
	border-bottom-left-radius: 340px;
}


.index05wrap .bot {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.index05wrap .bot .gallery-thumbs .swiper-slide a {
	display: block;
	width: 100%;
}

.index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox {
	width: 100%;
	box-sizing: border-box;
	opacity: 0.5;
}

.index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox img {
	display: block;
	width: 100%;
}

.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .imgbox {
	opacity: 1;
}

.index05wrap .bot .gallery-thumbs .swiper-slide a .text {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	font-size: 18px;
	color: #222222;
	box-sizing: border-box;
	margin-top: 20px;
}

.index05wrap .bot .gallery-thumbs .swiper-slide a .text::before {
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background-color: #222;
	margin-right: 10px;
}

.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text {
	color: #064688;
}

.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text::before {
	background-color: #064688;
}

.index05wrap .swiper-button-next,
.index05wrap .swiper-button-prev {
	width: 45px;
	height: 45px;
	background-color: #FFFFFF;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-image: none;
	font-size: 18px;
	color: #222;
	margin-top: -38px;
	outline: none;
}

.index05wrap .swiper-button-next {
	right: 0;
}

.index05wrap .swiper-button-prev {
	left: 0;
}

/* .index06 */
.index06wrap {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0px;
}

.index06wrap .tl {
	width: 1200px;
	margin: auto;
	border-left: 1px solid #ddd;
	font-size: 32px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 150px 0 70px;
	position: relative;
	padding-left: 40px;
	box-sizing: border-box;
}

.index06wrap .tl::before {
	content: '';
	position: absolute;
	left: -2px;
	top: 150px;
	background-color: #064688;
	width: 3px;
	height: 30px;
}

.index06wrap .index06 {
	width: 1400px;
	box-sizing: border-box;
	position: relative;
	margin: auto;
}

.index06wrap .index06 img {
	display: block;
	width: 100%;
}

.index06wrap .index06 .min {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.index06wrap .index06 .min a {
	text-align: center;
	position: relative;
	width: 150px;
	height: 150px;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.index06wrap .index06 .min a span {
	z-index: 1;
	border: 1px solid #064688;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent;
	background-color: #064688;
}

.index06wrap .index06 .min a font {
	display: inline-block;
	font-size: 18px;
	color: #000;
	white-space: nowrap;
}


.index06wrap .index06 .min #a1 {
	top: 15%;
	left: 3%;
	position: absolute;
	width: 80px;
	height: 80px;
	visibility: visible;
	opacity: 1;
}

.index06wrap .index06 .min #a2 {
	top: 18%;
	left: 4%;
	position: absolute;
	width: 100px;
	height: 100px;
	visibility: visible;
	opacity: 1;
}

.index06wrap .index06 .min #a3 {
	top: 25%;
	left: 7%;
	position: absolute;
	width: 80px;
	height: 80px;
	visibility: visible;
	opacity: 1;
}

.index06wrap .index06 .min #a4 {
	top: 30%;
	left: 40%;
	position: absolute;
	width: 80px;
	height: 80px;
	visibility: visible;
	opacity: 1;
}

.index06wrap .index06 .min #a5 {
	top: 20%;
	left: 70%;
	position: absolute;
	width: 110px;
	height: 110px;
	visibility: visible;
	opacity: 1;
}

.index06wrap .index06 .min #a6 {
	top: 24%;
	left: 45.8%;
	position: absolute;
	width: 110px;
	height: 110px;
	visibility: visible;
	opacity: 1;
}

.index06wrap .index06 .min #a7 {
	top: 23%;
	left: 42%;
	position: absolute;
	width: 110px;
	height: 110px;
	visibility: visible;
	opacity: 1;
}

.index06wrap .index06 .min #a8 {
	top: 15%;
	left: 10%;
	position: absolute;
	width: 110px;
	height: 110px;
	visibility: visible;
	opacity: 1;
}


.index06wrap .index06 .min #a1 font {
	position: absolute;
	top: 30px;
	left: 50px;
}

.index06wrap .index06 .min #a2 font {
	position: absolute;
	top: 40px;
	left: 60px;
}

.index06wrap .index06 .min #a3 font {
	position: absolute;
	top: 30px;
	left: 60px;
	white-space: nowrap;
}

.index06wrap .index06 .min #a4 font {
	position: absolute;
	top: 30px;
	left: 50px;
}

.index06wrap .index06 .min #a5 font {
	position: absolute;
	top: 45px;
	left: 65px;
}

.index06wrap .index06 .min #a6 font {
	position: absolute;
	top: 46px;
	left: 65px;
}

.index06wrap .index06 .min #a7 font {
	position: absolute;
	top: 46px;
	left: 65px;
}

.index06wrap .index06 .min #a8 font {
	position: absolute;
	top: 46px;
	left: 65px;
}




@keyframes ballScale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}




.index06wrap .index06 .min .point {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent;
	width: 100%;
	height: 100%;
}



.index06wrap .index06 .min .point-10 strong {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #064688;
	opacity: 0;
	-webkit-animation: ballScale 12s 0s linear infinite;
	-moz-animation: ballScale 12s 0s linear infinite;
	-ms-animation: ballScale 12s 0s linear infinite;
	animation: ballScale 12s 0s linear infinite;
}


.index06wrap .index06 .min .point-70 strong,
.index06wrap .index06 .min .point-40 strong {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #064688;
	opacity: 0;
	-webkit-animation: ballScale 6s 0s linear infinite;
	-moz-animation: ballScale 6s 0s linear infinite;
	-ms-animation: ballScale 6s 0s linear infinite;
	animation: ballScale 6s 0s linear infinite;
}

.min02wrap {
	width: 100%;
	box-sizing: border-box;
	background: url(../images/index_pbg.jpg)no-repeat fixed;
	padding: 150px 0;
	background-size: cover;
}

.index06wrap .min02 {
	width: 1200px;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	padding: 0;
	margin-top: 0;
}

.index06wrap .min02 .swiper-container03 {
	width: 100%;
}

.index06wrap .min02 .imgbox {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.index06wrap .min02 .imgbox p {
	display: block;
	width: 7.555%;
	margin-right: 4%;
	margin-bottom: 4%;
	height: auto;
	flex-shrink: 0;
}

.index06wrap .min02 .imgbox p img {
	display: block;
	width: 100%;
}

.index06wrap .min02 .imgbox p:nth-of-type(9n) {
	margin-right: 0;
}

.index06wrap .min02 .swiper-pagination {
	position: relative;
	bottom: 0;
}

.index06wrap .min02 .swiper-pagination-bullet {
	width: 40px;
	height: 2px;
	background-color: #d4d4d4;
	opacity: 0.5;
	border-radius: 0;
}

.index06wrap .min02 .swiper-pagination-bullet-active {
	background-color: #fff;
	opacity: 1;
}

.index06wrap .swiper-button-prev,
.index06wrap .swiper-button-next {
	background-image: none;
	font-size: 26px;
	color: #aaaaaa;
	width: auto;
	height: auto;
	margin-top: -2%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	outline: none;
}

.index06wrap .swiper-button-prev {
	left: -50px;
}

.index06wrap .swiper-button-next {
	right: -50px;
}



/* index07wrap */
.index07wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
}

.index07wrap .item {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}

.index07wrap .item .text {
	width: 50%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding-right: calc((100% - 1200px)/2);
}

.index07wrap .item .text .cont {
	width: 100%;
	box-sizing: border-box;
	padding-right: 100px;
	padding-left: 90px;
}

.index07wrap .item .text .cont h3 {
	font-size: 32px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
	margin-top: 100px;
}

.index07wrap .item .text .cont h3::before {
	content: '';
	display: block;
	width: 3px;
	height: 30px;
	position: absolute;
	top: 0;
	background-color: #064688;
	left: -90px;
}

.index07wrap .item .text .cont h4 {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 30px;
}

.index07wrap .item .text .cont .more {
	width: 150px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #064688;
	transition: all .3s;
	margin-top: 30px;
}

.index07wrap .item .text .cont .fontbg {
	font-size: 146px;
	color: #222222;
	opacity: 0.05;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	margin-top: 70px;
	letter-spacing: -7px;
}

.index07wrap .item .right {
	width: 50%;
	box-sizing: border-box;
	position: relative;
}

.index07wrap .item .right img {
	display: block;
	width: 100%;
}

.index07wrap .item .text .cont h5 {
	font-size: 18px;
	color: #222222;
	line-height: 30px;
	margin-bottom: 30px;
}

.index07wrap .item .text .cont p {
	font-size: 15px;
	color: #666666;
	line-height: 2;
}

/* index08 */
.index08 {
	width: 1200px;
	margin: 150px auto;
	text-align: center;
	padding-top: 90px;
	border-top: 1px solid #ddd;
}

.index08 p {
	font-size: 20px;
	color: #313233;
	margin-bottom: 10px;
	opacity: 0.7;
}

.index08 h3 {
	font-size: 30px;
	color: #313233;
	font-weight: bold;
}

.index08 strong {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #064688;
	margin: 30px auto;
}

.index08 a {
	border: 1px solid #064688;
	color: #064688;
	background-color: transparent;
	margin: auto;
}

.index08 a:hover {
	color: #FFFFFF;
}

.index08 a::after {
	background-color: #064688;
}

/* footerwrap */
.footerwrap {
	width: 100%;
	box-sizing: border-box;
	border-top: 4px solid #064688;
	background-color: #303132;
	padding: 90px 0;
}

.footerwrap .footer {
	width: 100%;
	box-sizing: border-box;
	padding: 70px 10%;
	background-color: #303132;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.footerwrap .footer .left {
	width: 50%;
}

.footerwrap .footer .left .f-logo {
	display: block;
	margin-bottom: 40px;
}

.footerwrap .footer .left .f-logo img {
	display: block;
	width: auto;
	height: 50px;
}

.footerwrap .footer .left h3 {
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 30px;
}

.footerwrap .footer .left h4 {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 30px;
	margin-bottom: 30px;
}

.footerwrap .footer .left .ewm {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.footerwrap .footer .left .ewm li img {
	display: block;
	width: auto;
}

.footerwrap .footer .left .ewm li p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 20px;
	text-align: center;
}

.footerwrap .footer .left .ewm li:last-child {
	margin-left: 20px;
}

.footerwrap .footer .right {
	width: 50%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: column;
	flex-flow: column;
}

.footerwrap .footer .f-nav {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.footerwrap .footer .f-nav li h3 a {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.footerwrap .footer .f-nav li h3 {
	margin-bottom: 30px;
}

.footerwrap .footer .f-nav li .list p {
	margin-bottom: 25px;
}

.footerwrap .footer .f-nav li .list p a {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.6);
	padding-bottom: 5px;
	position: relative;
}

.footerwrap .footer .f-nav li .list p a::after {
	content: '';
	display: block;
	width: 0%;
	height: 1px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s;
}

.footerwrap .footer .f-nav li .list p a:hover::after {
	width: 100%;
}

.footerwrap .footer .f-nav li .list p a:hover {
	color: #FFFFFF;
}

.footerwrap .footer .right .bot {
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0 20px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	padding: 30px 0;
}

.footerwrap .footer .right .bot h3 {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	margin-right: 50px;
}

.footerwrap .footer .right .bot .bdsharebuttonbox {
	display: flex;
	display: -webkit-flex;
}

.footerwrap .footer .right .bot .bdsharebuttonbox a {
	background-image: none;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
	margin-right: 20px;
	padding: 0;
}

.footerwrap .footer .right .bot .bdsharebuttonbox a:last-child {
	margin-right: 0;
}

.footerwrap .copyright {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 10%;
	background-color: #1e1e1e;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.footerwrap .copyright h3 {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.footerwrap .copyright h3 i {
	display: block;
	width: 1px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0 20px;
}

.footerwrap .copyright a {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
}

/* footer02 */
.footer02 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
}

.footer02 .top {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: 50px;
}

.footer02 .top li .item h3 a {
	font-size: 13px;
	color: #FFFFFF;
}

.footer02 .top li .item h3 {
	margin-bottom: 20px;
}

.footer02 .top li .item .min p,
.footer02 .top li .item .min .xcxhover {
	margin-bottom: 20px;
	position: relative;
}

.footer02 .top li .item .min a {
	font-size: 12px;
	color: #9fa3a6;
	position: relative;
}

.footer02 .top li .item .min a:hover {
	color: #FFFFFF;
}

.footer02 .top li .item {
	margin-bottom: 40px;
}

.footer02 .top li .item:last-child {
	margin-bottom: 0;
}

.footer02 .top li.lxwm p {
	font-size: 30px;
	color: #949595;
	/* font-family: ; */
}

.footer02 .top li.lxwm .tel {
	font-size: 31px;
	color: #fff;
	margin: 10px 0 20px;
	font-style: italic;
	/* font-family: ; */
}

.footer02 .top li.lxwm span {
	display: block;
	width: 252px;
	font-size: 14px;
	color: #989899;
	line-height: 1.8;
	/* font-family: ; */
}

.footer02 .top li .item form {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.footer02 .top li .item form input {
	display: block;
	font-size: 14px;
	color: #6c7073;
	height: 32px;
	width: 189px;
	background: 0 0;
	border: 1px solid #6c7073;
	outline: none;
	padding: 4px 0 4px 12px;
	border-right: none;
	vertical-align: middle;
	border-radius: 4px 0 0 4px;
	box-sizing: border-box;
}

.footer02 .top li .item form button {
	display: block;
	width: 32px;
	height: 32px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background: #6c7073;
	border: none;
	outline: none;
	vertical-align: middle;
	border-radius: 0 4px 4px 0;
}

.footer02 .top li .item form button i {
	font-size: 13px;
	color: #fff;
}

.footer02 .bot {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	align-items: center;

}

.footer_bt {
	padding-top: 15px;
	border-top: 1px solid #3b3c3c;
	margin-top: 20px;
}

.footer02 .bot .left {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.footer02 .bot .left .f-logo img {
	display: block;
	width: auto;
	height: 30px;
	opacity: 0.5;
}

.footer02 .bot .left .f-nav {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-left: 40px;
}

.footer02 .bot .left .f-nav a {
	font-size: 12px;
	color: #9fa3a6;
	position: relative;
	margin-right: 20px;
	display: block;
}

.footer02 .bot .left .f-nav a:last-child {
	margin-right: 0;
}

.footer02 .bot .left .f-nav a:hover {
	color: #FFFFFF;
}

.footer02 .bot .right {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
}

.footer02 .bot .right li {
	position: relative;
	margin-right: 20px;
}

.footer02 .bot .right li a {
	display: block;
	width: 18px;
}

.footer02 .bot .right li a img {
	width: 100%;
}

.footer02 .bot .right li:last-child {
	margin-right: 0;
}

.footer02 .bot .right li .popup,
.footer02 .top li .item .min .xcxhover .popup {
	display: block;
	position: absolute;
	bottom: 20px;
	right: -10px;
	width: 144px;
	height: 160px;
	transition: all .3s;
	opacity: 0;
	display: none;
}

.footer02 .bot .right li .er-code,
.footer02 .top li .item .min .openhover .er-code {
	padding: 4px;
	border-radius: 4px;
	background: #fff;
	-ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
	-o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
}

.footer02 .bot .right li .er-code img,
.footer02 .top li .item .min .openhover .er-code img {
	display: block;
	width: 100%;
}

.footer02 .bot .right li .triangle,
.footer02 .top li .item .min .openhover .triangle {
	position: absolute;
	background: #fff;
	-ms-box-shadow: 4px 4px 8px rgba(0, 0, 0, .1);
	-o-box-shadow: 4px 4px 8px rgba(0, 0, 0, .1);
	box-shadow: 4px 4px 8px rgba(0, 0, 0, .1);
	z-index: 8;
	width: 11px;
	height: 11px;
	bottom: 16px;
	right: 16px;
	transform: translateY(50%) rotate(45deg);
}

.footer02 .bot .right li:hover .popup,
.footer02 .top li .item .min .xcxhover:hover .popup {
	opacity: 1;
	display: block;
}

.footer02 .top li .item .min .xcxhover .popup {
	bottom: -180px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 2;
}

.footer02 .top li .item .min .openhover .triangle {
	top: -11px;
	left: 50%;
	margin-left: -8px;
}




.footer02 .copyright02 {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.footer02 .copyright02 .right .item {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 10px;
}

.footer02 .copyright02 .right .item:last-child {
	margin-bottom: 0;
}

.footer02 .copyright02 .right .item p {
	font-size: 12px;
	color: #9fa3a6;
}

.footer02 .copyright02 .right .item .link {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-left: 30px;
}

.footer02 .copyright02 .right .item .link a {
	font-size: 12px;
	color: #9fa3a6;
	position: relative;
	display: block;
}

.footer02 .copyright02 .right .item .link a:hover {
	color: #FFFFFF;
}

.footer02 .copyright02 .right .item .link i {
	display: block;
	width: 3px;
	height: 3px;
	background-color: #9fa3a6;
	border-radius: 50%;
	margin: 0 5px;
}

.footer02 .copyright02 .right .item .ba,
.footer02 .copyright02 .right .item font {
	font-size: 12px;
	color: #9fa3a6;
}

.footer02 .copyright02 .right .item font {
	margin-left: 20px;
}

.footer02 .copyright02 .f-language {
	font-size: 12px;
	color: #9fa3a6;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.footer02 .copyright02 .f-language i {
	font-size: 18px;
	color: #bfbfbf;
	margin-right: 10px;
}

.footer02 .copyright02 .f-language:hover {
	color: #fff;
}

/* 20200728 */
.index01wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #eeeeee;
	overflow: hidden;
	padding-top: 100px;
	/* height: 100%; */
}

.index01wrap .top {
	margin: 0 auto 50px;
	width: 1200px;
	text-align: center;
}

.index01wrap .top p {
	font-size: 20px;
	color: #313233;
	margin-bottom: 10px;
	opacity: 0.7;
}

.index01wrap .top h3 {
	font-size: 30px;
	color: #313233;
	font-weight: bold;
}

.index01wrap .top strong {
	display: block;
	width: 30px;
	height: 2px;
	background-color: #064688;
	margin: 30px auto;
}

.index01wrap .top h4 {
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	width: 50%;
	margin: auto;
}

/* index01two */
.index01two {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.index01two .imgbox {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

.index01two .imgbox::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.index01two .imgbox img {
	width: 100%;
	transition: all .3s;
	display: none;
}

.index01two .imgbox img:first-child {
	display: block;
}

.index01two .textmin {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	z-index: 1;
}

.index01two .textmin li {
	width: calc(100% / 3);
	box-sizing: border-box;
	border-right: 1px solid #FFFFFF;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.index01two .textmin li .item {
	width: 96%;
	height: 96%;
	border: 1px solid transparent;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	transition: all .5s;
	opacity: 0.6;
}

.index01two .textmin li .item .cont {
	width: 80%;
	transform: translateY(49px);
	transition: all .3s;
}

.index01two .textmin li .item .cont font {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 50px;
}

.index01two .textmin li .item .cont font::after {
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background-color: #FFFFFF;
	margin-left: 10px;
}

.index01two .textmin li .item .cont .tl {
	margin-bottom: 50px;
}

.index01two .textmin li .item .cont .tl h3 {
	font-size: 34px;
	color: #fff;
	font-weight: bold;
}

.index01two .textmin li .item .cont .tl p {
	font-size: 16px;
	color: #FFFFFF;
	opacity: 0.75;
	margin-top: 15px;
}

.index01two .textmin li .item .cont h4 {
	font-size: 14px;
	line-height: 28px;
	color: #FFFFFF;
}

.index01two .textmin li .item .cont .more {
	width: 180px;
	height: 42px;
	line-height: 42px;
	background-color: transparent;
	border: 1px solid #FFFFFF;
	margin-top: 50px;
	opacity: 0;
	transition: all .3s;
}

.index01two .textmin li.active .item {
	background-color: rgba(0, 0, 0, 0.3);
	border-color: #FFFFFF;
	opacity: 1;
}

.index01two .textmin li.active .item .cont .more {
	opacity: 1;
}

.index01two .textmin li.active .item .cont {
	transform: none;
}

/* 关于 */
.innerbanner {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

.innerbanner img {
	display: block;
	width: 100%;
}

.innerbanner .sjbanner {
	/* display: none; */
}

.innerbanner .text {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 1;
}

.innerbanner .text p {
	font-size: 46px;
	color: #ffffff;
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}

.innerbanner .text h3 {
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
}

.innerbanner .mbxwrap {
	z-index: 2;
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(19, 65, 111, 0.8);
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	border-bottom: 1px solid #ddd;
	position: absolute;
	bottom: 0;
	left: 0;
}

.innerbanner .mbxwrap h3 {
	font-size: 30px;
	color: #064688;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0 20px;
	line-height: 90px;
	background-color: #FFFFFF;
	width: 30%;
	text-align: center;
}

.innerbanner .mbxwrap .right {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.innerbanner .mbxwrap .right a {
	display: block;
	margin-left: 70px;
	font-size: 22px;
	color: #FFFFFF;
}

.innerbanner .mbxwrap .right a.active {
	opacity: 1;
	font-weight: bold;
}

/* innerwrap */
.innerwrap {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

/* about01wrap */
.about01wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 85px 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.about01wrap::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	/* left: 0; */
	top: 0;
	background-color: #f1f2f3;
	z-index: 0;
	/* right: calc((90% - 1200px)/2); */
	right: calc((100% - 600px)/2);
}

.about01 {
	position: relative;
	z-index: 1;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.about01 .left {
	width: 48%;
	box-sizing: border-box;
}

.about01 .right {
	width: 65%;
	box-sizing: border-box;
	padding: 0 10%;
}

.about01 .right p {
	font-size: 13px;
	color: #aaaaaa;
	margin-bottom: 30px;
}

.about01 .right h3 {
	font-size: 36px;
	color: #222222;
	margin-top: 30px;
	font-weight: bold;
}

.about01 .right h4 {
	font-size: 22px;
	color: #222222;
	line-height: 36px;
	font-weight: bold;
	margin: 30px 0;
}

.about01 .right h5 {
	font-size: 15px;
	color: #666666;
	line-height: 32px;
	text-align: justify;
}

#box {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}

#box video {
	display: block;
	width: 100%;
}

#box dt {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	transition: 0.8s;
}

#box .cover {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.22);
	z-index: 2;
}

#box .cover #imgbg {
	opacity: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#box .fa {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	border: 2px solid #fff;
	border-radius: 50%;
	margin: -40px 0 0 -40px;
}

#box .fa:before {
	margin-left: 15px;
}

#box dt:hover #imgbg {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	transform: scale(1.04);
}

/* about02 */
.about02 {
	width: 1200px;
	margin: 140px auto;
	box-sizing: border-box;
	padding-left: 180px;
	position: relative;
}

.about02 .left {
	position: absolute;
	top: 0;
	left: 0;
	border-left: 1px solid #cccccc;
	width: 180px;
	height: 100%;
	box-sizing: border-box;
	padding-left: 10px;
}

.about02 .left h3 {
	font-size: 13px;
	color: #aaaaaa;
	writing-mode: tb;
}

.about02 .right {
	width: 100%;
	box-sizing: border-box;
}

.about02 .right h3 {
	font-size: 36px;
	color: #222222;
	font-weight: bold;
}

.about02 .right h4 {
	font-size: 22px;
	color: #222222;
	font-weight: bold;
	margin: 30px 0;
}

.about02 .right h5 {
	font-size: 15px;
	color: #666666;
	line-height: 32px;
	text-align: justify;
}

/* about03 */
.about03wrap {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.about03wrap .bg {
	display: block;
	width: 100%;
}

.about03 {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.about03 li {
	width: calc((100% - 2px)/3);
	border-right: 1px solid #ddd;
	padding: 150px 0;
	background-color: rgba(0, 0, 0, 0.3);
	position: relative;
	transition: all .3s;
}

.about03 li:last-child {
	border: none;
}

.about03 li h3 {
	font-size: 44px;
	color: #ffffff;
	font-weight: bold;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	line-height: 52px;
	transform: scale(1, 0.8);
}

.about03 li h3::before,
.about03 li h3::after {
	content: '';
	display: block;
	width: 46px;
	height: 2px;
	background-color: #FFFFFF;
}

.about03 li h3::before {
	margin-bottom: 20px;
}

.about03 li h3::after {
	margin-top: 20px;
}

.about03 li p {
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 50px;
}

.about03 li .hovertext {
	font-size: 18px;
	color: #ffffff;
	opacity: 0;
	transition: all .3s;
	text-align: center;
	margin-top: 80px;
	line-height: 34px;
}

.about03 li .bot {
	bottom: 70px;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 24px;
	text-align: center;
	/* opacity: 0.5; */
	text-transform: uppercase;
	position: absolute;
	left: 0;
	text-align: center;
	width: 100%;
}

.about03 li:hover {
	background-color: rgba(65, 67, 75, 0.75);
	padding: 50px 0;
}

.about03 li:hover .hovertext {
	opacity: 0.8;
}

.about03 li:hover h3::before,
.about03 li:hover h3::after {
	background-color: #064688;
}

/* about04wrap */
.about04wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	padding: 130px 0;
}

.about04wrap .a-tl {
	font-size: 36px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 60px;
	text-align: center;
	font-weight: bold;
}

.about04 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
	position: relative;
}

.about04 .gallery-top {
	box-sizing: border-box;
	padding: 0;
	width: calc(100% - 160px);
	margin: auto;
}

.about04 .gallery-top .text {
	width: 100%;
	text-align: center;
}

.about04 .gallery-top .text h3 {
	font-size: 24px;
	color: #222222;
	margin-bottom: 50px;
	font-weight: bold;
}

.about04 .gallery-top .text h4 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.about04wrap .about04 .swiper-pagination {
	position: relative;
	bottom: 0;
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 15px;
	color: #222;
}

.about04wrap .about04 .swiper-pagination .swiper-pagination-current {
	font-weight: bold;
}

.about04wrap .about04 .swiper-button-next,
.about04wrap .about04 .swiper-button-prev {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #333;
	background-image: none;
}

.about04wrap .about04 .swiper-button-next::after,
.about04wrap .about04 .swiper-button-prev::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}

.about04wrap .about04 .swiper-button-prev::after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.about04wrap .about04 .swiper-button-next::after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.about04wrap .about04 .thumbswrap {
	width: 100%;
	box-sizing: border-box;
	padding: 0 60px;
	position: relative;
	margin-top: 40px;
}

.about04wrap .about04 .thumbswrap::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #dddddd;
	position: absolute;
	left: 0;
	top: 1px;
}

.about04wrap .about04 .gallery-thumbs {
	width: 100%;
}

.about04wrap .about04 .gallery-thumbs .swiper-slide {
	cursor: pointer;
}

.about04wrap .about04 .gallery-thumbs .swiper-slide span {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 30px;
	margin: auto;
	margin-bottom: 20px;
	height: 2px;
}

.about04wrap .about04 .gallery-thumbs .swiper-slide span::before {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	border-radius: 0;
	background-color: transparent;
	transition: all .3s;
}

.about04wrap .about04 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span::before {
	width: 30px;
	height: 2px;
	background-color: #064688;
}

.about04wrap .about04 .gallery-thumbs .swiper-slide p {
	font-size: 18px;
	color: #222222;
	font-family: arial;
	text-align: center;
}

.about04wrap .about04 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p {
	color: #064688;
}

/* about05wrap */
.about05wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background: url(../images/bg2.jpg)no-repeat fixed;
	background-size: cover;
}

.about05wrap .top {
	text-align: center;
	margin: auto;
	width: 600px;
	margin-bottom: 50px;
}

.about05wrap .top h3 {
	font-size: 36px;
	color: #ffffff;
	margin-bottom: 60px;
	font-weight: bold;
}

.about05wrap .top h4 {
	font-size: 15px;
	color: #ffffff;
	line-height: 36px;
}

.about05 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
}

.about05 .swiper-slide {
	background-color: rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
	padding: 15px;
	transition: all .3s;
}

.about05 .swiper-slide .text {
	width: 100%;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	padding: 15px;
	height: 200px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.about05 .swiper-slide .text h3 {
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
}

.about05 .swiper-slide:hover {
	background-color: #064688;
}

.about05 .page {
	width: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 40px;
}

.about05 .swiper-button-next,
.about05 .swiper-button-prev {
	position: relative;
	height: auto;
	width: auto;
	font-size: 26px;
	top: 0;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	color: #ffffff;
	background-image: none;
}

.about05 .swiper-pagination {
	position: relative;
	margin: 0 50px;
}

.about05 .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: transparent;
	border: 1px solid #ffffff;
	opacity: 1;
	margin-right: 10px;
}

.about05 .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.about05 .swiper-pagination-bullet-active {
	background-color: #ffffff;
}

/* 解决方案 */
.solution01 {
	width: 700px;
	margin: 100px auto;
	box-sizing: border-box;
}

.s-tl {
	text-align: center;
}

.s-tl h3 {
	font-size: 36px;
	color: #222;
	font-weight: bold;
}

.s-tl strong {
	display: block;
	width: 186px;
	height: 1px;
	background-color: #ddd;
	margin: 20px auto;
	position: relative;
}

.s-tl strong::after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background-color: #064688;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 0;
}

.s-tl h4 {
	font-size: 16px;
	color: #666666;
	line-height: 34px;
}

.s-tl p {
	font-size: 18px;
	color: #222;
	font-weight: bold;
	line-height: 22px;
	display: block;
	margin-bottom: 14px;
}

.s-tl .more,
.proonetext .more {
	border: 1px solid #064688;
	margin: 20px auto 0;
}


/* solution02wrap */
.solution02wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0 100px;
	background: url(../images/bg_solution.jpg)no-repeat fixed;
	background-size: cover;
}

.solution02wrap .tl {
	font-size: 36px;
	color: #ffffff;
	margin-bottom: 30px;
	text-align: center;
}

.solution02wrap strong {
	display: block;
	width: 186px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.33);
	margin: 20px auto;
	position: relative;
}

.solution02wrap strong::after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 0;
}

.solution02wrap h4 {
	font-size: 16px;
	color: #fff;
	line-height: 34px;
	display: block;
	width: 700px;
	text-align: center;
	margin: auto;
}

.solution02 {
	width: 90%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: auto;
}

.solution02 li {
	width: 100%;
	box-sizing: border-box;
	padding: 40px 35px;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.solution02 li:last-child {
	border-right: none;
}

.solution02 li img {
	display: block;
	width: auto;
	margin: auto;
	max-width: 100%;
	margin-bottom: 30px;
}

.solution02 li h3 {
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
}

/* solution03 */
.solution03 {
	width: 1200px;
	margin: 100px auto;
	box-sizing: border-box;
}

.solution03 .cont {
	width: 100%;
	box-sizing: border-box;
	margin-top: 30px;
}

.solution03 .cont a {
	display: block;
	width: 100%;
	position: relative;
}

.solution03 .cont a img {
	display: block;
	width: 100%;
}

.solution03 .cont a .text {
	position: absolute;
	width: 46%;
	box-sizing: border-box;
	padding: 40px 40px;
	height: 60%;
	background-color: rgba(255, 255, 255, 0.9);
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.solution03 .cont a .text h3 {
	font-size: 22px;
	color: #222222;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #aaaaaa;
}

.solution03 .cont a .text h4 {
	font-size: 15px;
	color: #666666;
	line-height: 28px;
}

.solution03 .cont .swiper-pagination {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	box-sizing: border-box;
	padding: 0 40px;
	bottom: 10%;
}

.solution03 .cont .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #FFFFFF;
	opacity: 0.6;
	margin: 0;
	margin-right: 10px;
}

.solution03 .cont .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.solution03 .cont .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}

/* solution04wrap */
.solution04wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background: url(../images/bg08.jpg)no-repeat;
	background-size: cover;
}

.solution04wrap .tl {
	font-size: 36px;
	color: #222222;
	margin-bottom: 40px;
	text-align: center;
	font-weight: bold;
}

.solution04 {
	width: 1200px;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.solution04wrap .solution04 {
	font-size: 0;
}

.solution04 li {
	width: 21%;
	margin-right: 4%;
	margin-bottom: 2%;
}

.solution04 li:nth-of-type(4n) {
	margin-right: 0;
}

.solution04 li .top {
	display: block;
	width: 100%;
	height: 54px;
	text-align: center;
	line-height: 54px;
	border: 1px solid #064688;
	font-size: 16px;
	color: #000000;
	border-radius: 2rem;
	font-weight: bold;
	background-color: #fff;
}

.solution04 li .info {
	width: 100%;
	box-sizing: border-box;
	padding-left: 30px;
	padding-top: 20px;
}

.solution04 li .info a {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding-left: 20px;
	position: relative;
	padding-left: 20px;
	font-size: 14px;
	line-height: 28px;
}

.solution04 li .info a::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #064688;
	position: absolute;
	left: 0;
	top: 12px;
}

/* solution05 */
.solution05wrap {
	width: 1200px;
	margin: 100px auto;
	box-sizing: border-box;
}

.solution05 {
	width: 100%;
	box-sizing: border-box;
}

.solution05 .box {
	width: 100%;
	position: relative;
	background: url(../images/pro-bg.jpg);
	padding: 50px 0;
	background-size: cover;
}

.solution05 .box .tupian {
	display: block;
	width: 60%;
	overflow: hidden;
}

.solution05 .box .tupian img {
	display: block;
	width: auto;
	margin: 0 auto;
	height: 420px;
}

.solution05 .box .text {
	width: 40%;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding-right: 90px;
}

.solution05 .box .text h3 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #FFFFFF;
}

.solution05 .box .text h3 strong {
	font-size: 18px;
	vertical-align: super;
}

.solution05 .box .text h4 {
	font-size: 18px;
	color: #FFFFFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
}

.solution05 .box .text p {
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	letter-spacing: 0;
}

.solution05 .thumbswrap {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 40px;
}

.solution05 .gallery-thumbs {
	width: 60%;
	margin: 0 30px;
}

.solution05 .gallery-thumbs p {
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}

.solution05 .gallery-thumbs span {
	display: block;
	width: 8px;
	height: 8px;
	background-color: #bbbbbb;
	border-radius: 50%;
	margin: auto;
}

.solution05 .swiper-slide-thumb-active p {
	color: #064688;
}

.solution05 .swiper-slide-thumb-active span {
	background-color: #064688;
}

.solution05 .swiper-button-prev,
.solution05 .swiper-button-next {
	background-image: none;
	font-size: 30px;
	color: #064688;
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	outline: none;
}

/* solution06wrap */
.solution06wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 90px 0;
	background-color: #f1f2f3;
}

.solution06 {
	width: 1200px;
	display: block;
	margin: auto;
	margin-top: 30px;
}

.solution06 a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.solution06 a .imgbox {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.solution06 a .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.solution06 a:hover .imgbox img {
	transform: scale(1.1);
}

.solution06 a .text {
	width: 100%;
	box-sizing: border-box;
	padding-right: 30px;
}

.solution06 a .text p {
	font-size: 15px;
	color: #666666;
	margin-bottom: 20px;
	margin: 20px 0;
}

.solution06 a .text h3 {
	font-size: 18px;
	color: #000000;
	line-height: 30px;
	font-weight: bold;
}

.solution06 a .text .more {
	background-color: transparent;
	border: 1px solid #064688;
	margin-top: 40px;
	color: #064688;
}

.solution06 a .text .more:hover {
	color: #FFFFFF;
}

.solution06 a .text .more::after {
	background-color: #064688;
}

.solution06 .swiper-container {
	width: 100%;
}

/* 高管 */
.gaoguan01wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #eeeff0;
	padding: 100px 0;
}

.g-tl {
	width: 860px;
	margin: auto;
	text-align: center;
}

.g-tl h3 {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 40px;
}

.g-tl h4 {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
}

/* gaoguan01 */
.gaoguan01 {
	width: 1200px;
	margin: 100px auto 0;
	box-sizing: border-box;
}

.gaoguan01 .box {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: column;
	flex-flow: column;
}

.gaoguan01 .box .imgbox {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.gaoguan01 .box .imgbox img {
	display: block;
	width: 100%;
}

.gaoguan01 .box .text {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 10px;
	background-color: #fff;
	text-align: center;
	margin-top: 10px;
	transition: all .3s;
}

.gaoguan01 .box .text h3 {
	font-size: 24px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
}

.gaoguan01 .box .text h4 {
	font-size: 15px;
	color: #222222;
	line-height: 30px;
	opacity: 0.6;
}

.gaoguan01 .swiper-slide:nth-of-type(2n) .box {
	-webkit-flex-flow: column-reverse;
	flex-flow: column-reverse;
}

.gaoguan01 .swiper-slide:nth-of-type(2n) .box .text {
	margin-top: 0;
	margin-bottom: 10px;
}

.gaoguan01 .swiper-scrollbar {
	opacity: 1 !important;
	width: calc(100% - 120px);
	height: 6px;
	background: #dddddd;
}

.gaoguan01 .swiper-scrollbar-drag {
	background: #064688;
	border-radius: 10px;
}

.gaoguan01 .bot {
	width: 100%;
	height: 50px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 40px;
}

.gaoguan01 .bot .swiper-button-next,
.gaoguan01 .bot .swiper-button-prev {
	background-image: none;
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 20px;
	color: #064688;
	border: 1px solid #064688;
	position: relative;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 50px;
	height: 50px;
	outline: none;
	background-color: #fff;
}

.gaoguan01 .swiper-slide .box:hover .text {
	background-color: #064688;
}

.gaoguan01 .swiper-slide .box:hover .text h3,
.gaoguan01 .swiper-slide .box:hover .text h4 {
	color: #fff;
}

/* 铂力特人 */
.career01wrap {
	margin: 100px 0;
}

.c-tl {
	text-align: center;
}

.c-tl h3 {
	font-size: 30px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 20px;
}

.c-tl strong {
	display: block;
	width: 180px;
	height: 2px;
	margin: 40px auto;
	position: relative;
	background-color: #ddd;
}

.c-tl strong::before {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background-color: #064688;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.career01wrap .min {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 30px;
}

.career01wrap .min .item {
	width: 340px;
	height: 340px;
	border: 1px solid #ddd;
	border-radius: 50%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	position: relative;
	margin-right: -20px;
}

.career01wrap .min .item:last-child {
	margin-right: 0;
}

.career01wrap .min .item span {
	display: inline-block;
	font-size: 18px;
	color: #aaaaaa;
	padding: 0 10px;
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -9px;
}

.career01wrap .min .item .text {
	text-align: center;
}

.career01wrap .min .item .text h3 {
	font-size: 20px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: bold;
}

.career01wrap .min .item .text p {
	font-size: 13px;
	color: #aaaaaa;
	margin-bottom: 30px;
}

.career01wrap .min .item .text h4 {
	font-size: 15px;
	color: #666666;
	line-height: 24px;
	min-height: 72px;
}

/* career02wrap */
.career02wrap {
	width: 100%;
	box-sizing: border-box;
}

.career02wrap .link {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	border-top: 1px solid #ddd;
}

.career02wrap .link a {
	display: block;
	font-size: 16px;
	color: #222222;
	opacity: 0.5;
	margin-right: 60px;
	line-height: 80px;
	position: relative;
	font-weight: bold;
}

.career02wrap .link a::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s;
	background-color: #064688;
	transition: all .3s;
}

.career02wrap .link a:hover::after,
.career02wrap .link a.active::after {
	width: 100%;
}

.career02wrap .link a:hover,
.career02wrap .link a.active {
	color: #064688;
	opacity: 1;
}

.career02 {
	background-color: #f2f2f2;
	width: 100%;
	box-sizing: border-box;
	padding: 2% 2% 0;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: wrap;
	flex-wrap: wrap;
}

.career02 a {
	display: block;
	width: 100%;
	background-color: #fff;
	width: 32%;
	margin-bottom: 2%;
}

.career02 a .min {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.career02 a .min .text {
	width: 50%;
	box-sizing: border-box;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 30px;
}

.career02 a .min .text h3 {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.career02 a .min .imgbox {
	position: relative;
	width: 50%;
	overflow: hidden;
}

.career02 a .min .imgbox::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	transition: all .3s;
}

.career02 a .min .imgbox img {
	display: block;
	width: 100%;
	-webkit-filter: grayscale(1);
	filter: gray;
	filter: grayscale(1);
	transition: all .6s;
}

.career02 a .min .imgbox .font {
	width: 100%;
	height: 48px;
	box-sizing: border-box;
	padding: 0 30px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #fff;
	font-size: 13px;
	color: #fff;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
}

.career02 a .min .imgbox .font i {
	font-size: inherit;
	color: inherit;
}

.career02 a .bot {
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 30px;
	height: 60px;
}

.career02 a .bot h3 {
	font-size: 15px;
	color: #222222;
	font-weight: bold;
}

.career02 a .bot p {
	font-size: 14px;
	color: #888888;
}

.career02 a:hover .min .imgbox::after {
	opacity: 1;
}

.career02 a:hover .min .imgbox img {
	-webkit-filter: grayscale(0);
	filter: gray;
	filter: grayscale(0);
	transform: scale(1.1);
}

.career02 a:hover .min .imgbox .font {
	opacity: 1;
}

.career02 a:hover .min .text h3 {
	color: #064688;
}

.career02wrap {
	margin: 100px 0;
}

.career02wrap .cont {
	width: 100%;
}

.career02wrap .cont .swiper-wrapper {
	height: auto;
}

.career02wrap .cont .swiper-slide video {
	display: block;
	width: 100%;
	opacity: 0.5;
	object-fit: fill;
}

.career02wrap .cont .swiper-slide .VideoBtn {
	display: block;
	font-size: 60px;
	color: #064688;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: auto;
	z-index: 10;
}

.career02wrap .cont .swiper-slide.swiper-slide-active video {
	opacity: 1;
}

.career02wrap .cont .swiper-button-next,
.career02wrap .cont .swiper-button-prev {
	width: 46px;
	height: 46px;
	background-color: #064688;
	color: #FFFFFF;
	font-size: 18px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-image: none;
	outline: none;
	top: 50%;
	margin-top: -23px;
}

.career02wrap .cont .swiper-button-next {
	right: 0;
}

.career02wrap .cont .swiper-button-prev {
	left: 0;
}

.career02wrap .cont .swiper-pagination {
	width: 100%;
	margin-top: 30px;
	position: relative;
}

.career02wrap .cont .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border: 1px solid #064688;
	margin-right: 10px;
	background-color: transparent;
	opacity: 1;
	outline: none;
}

.career02wrap .cont .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.career02wrap .cont .swiper-pagination-bullet-active {
	background-color: #064688;
}




/* 供应链 */
.supplywrap {
	width: 100%;
	box-sizing: border-box;
	margin-top: 90px;
}

/* .supplywrap */
.supplytopwrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	padding: 100px 0;
}

.supplytopwrap .text {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
}

.supplytopwrap .text p {
	font-size: 14px;
	color: #aaaaaa;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.supplytopwrap .text h3 {
	font-size: 36px;
	color: #222222;
	font-weight: bold;
}

/* supplyone01wrap */
.supplyone01wrap {
	width: 1200px;
	margin: 100px auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.supplyone01wrap .left {
	width: 30%;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	padding-right: 100px;
}

.supplyone01wrap .left a {
	display: flex;
	width: 100%;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px;
	color: #444444;
	height: 58px;
	border-bottom: 1px solid #ddd;
}

.supplyone01wrap .left a i {
	font-size: inherit;
	color: inherit;
}

.supplyone01wrap .left a:first-child {
	border-top: 1px solid #ddd;
}

.supplyone01wrap .left a.active {
	color: #064688;
}

.supplyone01wrap .right {
	width: 70%;
	box-sizing: border-box;
	padding-left: 100px;
}

#wpcf7-f2414-o1 {
	width: 100%;
	box-sizing: border-box;
	display: block;
}

#wpcf7-f2414-o1 p {
	font-size: 15px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 15px;
}

#wpcf7-f2414-o1 input {
	display: flexbox;
	width: 100%;
	height: 44px;
	border: 1px solid #ddd;
	outline: none;
	background-color: #f1f2f3;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 14px;
	color: #222;
	margin-bottom: 15px;
}

#wpcf7-f2414-o1 ul {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#wpcf7-f2414-o1 ul li {
	width: 32%;
}

#wpcf7-f2414-o1 textarea {
	display: block;
	border: 1px solid #ddd;
	outline: none;
	background-color: #f1f2f3;
	resize: none;
	width: 100%;
	height: 120px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #222;
}

#wpcf7-f2414-o1 .more {
	border: 1px solid #064688;
	width: 130px;
	height: 36px;
	line-height: 34px;
}

.screen-reader-response {
	display: none;
}

#wpcf7-f2414-o1 p span {
	display: block;
	overflow: hidden;
	position: relative;
}

#wpcf7-f2414-o1 p span span {
	position: absolute;
	top: 0;
	right: 5%;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 12px;
	color: #eb881b;
}

.wpcf7-response-output,
.wpcf7-validation-errors {
	display: block;
	text-align: center;
	color: #000;
	letter-spacing: 0;
	font-size: 14px;
	color: #eb881b;
}




/* 供应链02 */
.supplyone01wrap .right .text02 {
	width: 100%;
	box-sizing: border-box;
	text-align: justify;
}

.supplyone01wrap .right .text02 h3 {
	font-size: 24px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 30px;
}

.supplyone01wrap .right .text02 p {
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 30px;
}

.supplyone01wrap .right .text02 h4 {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-bottom: 30px;
	letter-spacing: 0;
}

.supplyone01wrap .right .text02 h4:last-child {
	margin-bottom: 0;
}

.supplyone01wrap .right .form02 {
	width: 100%;
	box-sizing: border-box;
}

.supplyone01wrap .right .form02 .tl {
	font-size: 24px;
	color: #222;
	font-weight: bold;
	margin-bottom: 30px;
}

/* 员工生活 */
.careerone01 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 100px;
	margin-bottom: 40px;
}

.careerone01 a {
	display: block;
	width: 160px;
	height: 42px;
	line-height: 42px;
	background-color: #dddddd;
	color: #222222;
	font-size: 16px;
	margin-right: 20px;
	border-radius: 0px;
}

.careerone01 a::after {
	background-color: #064688;
}

.careerone01 a:last-child {
	margin-right: 0;
}

.careerone01 a.active::after {
	width: 100%;
}

.careerone01 a:hover,
.careerone01 a.active {
	color: #fff;
}

/* careerone02 */
.careerone02 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.careerone02 a {
	display: block;
	width: 47%;
	margin-right: 6%;
	margin-bottom: 6%;
}

.careerone02 a .imgbox {
	width: 100%;
	overflow: hidden;
}

.careerone02 a .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.careerone02 a:hover .imgbox img {
	transform: scale(1.1);
}

.careerone02 a .text {
	width: 100%;
	background-color: #eeeeee;
	box-sizing: border-box;
	padding: 25px 20px;
	font-size: 18px;
	color: #222222;
}

.careerone02 a:nth-of-type(2n) {
	margin-right: 0;
}


.innerwrap .careerone02wrap .item {
	display: none;
}

.innerwrap .careerone02wrap .item:first-child {
	display: block;
}








/* 粉末产品列表 */
.prolistone01 {
	width: 1000px;
	box-sizing: border-box;
	padding: 100px 0;
	margin: auto;
	border-left: 1px solid #ddd;
	padding-right: 70px;
}

.prolistone01 li {
	width: 100%;
	box-sizing: border-box;
	padding-left: 40px;
	margin-bottom: 100px;
}

.prolistone01 li:last-child {
	margin-bottom: 0;
}

.prolistone01 li .p-tl {
	width: 100%;
	box-sizing: border-box;
	font-size: 24px;
	color: #222222;
	margin-bottom: 30px;
	position: relative;
	text-align: left;
}

.prolistone01 li .p-tl::before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	left: -40px;
	top: 0;
	background-color: #064688;
}

.prolistone01 li .info {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.prolistone01 li .info a {
	display: block;
	width: 23.5%;
	box-sizing: border-box;
	background-color: #b4b8ba;
	padding: 25px;
	margin-right: 2%;
	transition: all .3s;
}

.prolistone01 li .info a .cont {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #fff;
	padding: 70px 20px;
}

.prolistone01 li .info a .cont h3 {
	font-size: 46px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.prolistone01 li .info a:last-child {
	margin-right: 0;
}

.prolistone01 li .info a .cont p {
	font-size: 18px;
	color: #fff;
	display: none;
}

.prolistone01 li .info a:hover {
	background-color: #e77d26;
}

/* 粉末产品详情 */
.info .text {
	padding-top: 80px;
}

.prolistoneinfowrap {
	width: 1200px;
	box-sizing: border-box;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.prolistoneinfo {
	width: 70%;
	margin: auto;
	box-sizing: border-box;
	padding: 100px 0 0;
	border-left: 1px solid #ddd;
}

.prolistoneinfo li {
	width: 100%;
	box-sizing: border-box;
	padding-left: 40px;
	margin-bottom: 100px;
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-flow: column;
	flex-flow: column;
}

.prolistoneinfo li .tl {
	width: 100%;
	box-sizing: border-box;
	font-size: 24px;
	color: #222222;
	margin-bottom: 30px;
	position: relative;
	font-weight: bold;
}

.prolistoneinfo li .tl::before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	left: -40px;
	top: 0;
	background-color: #064688;
}

.prolistoneinfo li .tlinfo {
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-bottom: 40px;
	width: 100%;
}

.prolistoneinfo li .imgbox01 {
	width: 100%;
	box-sizing: border-box;
}

.prolistoneinfo li .imgbox01 img {
	display: block;
	width: 100%;
}

.prolistoneinfo li .imgbox02 {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.prolistoneinfo li .imgbox02 a {
	display: block;
	width: 32%;
	margin-right: 2%;
	overflow: hidden;
	background-color: #fff;
}

.prolistoneinfo li .imgbox02 a:last-child {
	margin-right: 0;
}

.prolistoneinfo li .imgbox02 a .img {
	width: 100%;
	overflow: hidden;
}

.prolistoneinfo li .imgbox02 a .img img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.prolistoneinfo li .imgbox02 a:hover .img img {
	transform: scale(1.1);
}

.prolistoneinfo li .imgbox02 a .text {
	width: 100%;
	box-sizing: border-box;
	padding-top: 30px;
}

.prolistoneinfo li .imgbox02 a .text h3 {
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prolistoneinfo li .imgbox02 a .text .more {
	width: 120px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #064688;
}

.prolistoneinfo li .imgbox02 a .text .more::after {
	background-color: #fff;
}

.prolistoneinfo li .imgbox02 a .text .more:hover {
	color: #064688;
}

.prolistoneinfowrap .r-list {
	width: 30%;
	box-sizing: border-box;
	padding-left: 90px;
	padding-top: 100px;
}

.prolistoneinfowrap .r-list h3 {
	font-size: 24px;
	color: #222222;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

.prolistoneinfowrap .r-list .min {
	width: 100%;
	box-sizing: border-box;
}

.prolistoneinfowrap .r-list .min a {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	font-size: 15px;
	color: #444444;
	height: 60px;
	border-bottom: 1px solid #ddd;
}

.prolistoneinfowrap .r-list .min a i {
	font-size: 18px;
	color: #064688;
	margin-right: 10px;
}

.prolistoneinfowrap .r-list .min a:hover {
	color: #064688;
}

/* 粉末 */
.proonetext {
	width: 1000px;
	box-sizing: border-box;
	padding: 0 60px;
	text-align: center;
	margin: 100px auto 50px;
}

.proonetext h3 {
	font-size: 30px;
	color: #222222;
	margin-bottom: 30px;
	font-weight: bold;
}

.proonetext h4 {
	font-size: 18px;
	color: #222222;
	margin-bottom: 30px;
	font-weight: bold;
}

.proonetext p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

/* proone01wrap */
.proone01wrap {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 60px 0;
}

.proone01wrap::after {
	content: '';
	display: block;
	width: 60%;
	height: 100%;
	background-color: #f1f2f3;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

.proone01 {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	z-index: 1;
}

.proone01 .imgbox {
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.proone01 .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.proone01 .text {
	width: 50%;
	box-sizing: border-box;
	padding: 0 calc((100% - 1200px)/2) 0 80px;
}

.proone01 .text li h3 {
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
}

.proone01 .text li p {
	font-size: 16px;
	line-height: 36px;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	color: #666666;
}

.proone01 .text li p::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #666666;
	position: absolute;
	left: 0;
	top: 15px;
}

.proone01 .text li {
	margin-bottom: 40px;
}

.proone01 .text li:last-child {
	margin-bottom: 0;
}

/* proone0201 */
.proone0201 {
	width: 1200px;
	background: none;
	border-bottom: 1px solid #ddd;
	margin: auto;
	padding: 0 0 50px;
}

/* proone02 */
.proone02 {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.proone02 a {
	display: block;
	width: calc((100% - 2px) / 3);
	overflow: hidden;
	position: relative;
	margin-bottom: 1px;
}

.proone02 a .bg {
	display: block;
	width: 100%;
	transition: all .6s;
}

.proone02 a:hover .bg {
	transform: scale(1.1);
}

.proone02 a::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(33, 33, 33, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all .3s;
}

.proone02 a .text {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0 90px;
	z-index: 1;
}

.proone02 a .text .cont {
	position: relative;
	width: 100%;
	text-align: center;
}

.proone02 a .text .cont h3 {
	font-size: 24px;
	color: #ffffff;
}

.proone02 a .text .cont strong {
	display: block;
	width: 70%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 20px auto 10px;
	transition: all .3s;
}

.proone02 a .text .cont img {
	display: block;
	width: auto;
	height: 64px;
	margin: auto;
	transition: all .3s;
}

.proone02 a .text .cont h4 {
	font-size: 15px;
	color: #ffffff;
	line-height: 30px;
	top: 65px;
	position: absolute;
	transform: translateY(100%);
	transition: all .3s;
	opacity: 0;
	width: 100%;
	text-align: center;
}

.proone02 a:hover .text .cont img {
	opacity: 0;
}

.proone02 a:hover .text .cont h4 {
	transform: none;
	opacity: 1;
}

.proone02 a:hover .text .cont strong {
	width: 10%;
}

.proone02 a:hover::after {
	background-color: rgba(230, 119, 27, 0.9);
}

/* proone03 */
.proone03 {
	width: 1000px;
	margin: auto;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.proone03 .imgbox {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.proone03 .imgbox img {
	display: block;
	width: auto;
	margin: auto;
	max-width: 90%;
}

.proone03 ul {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: -70px;
}

.proone03 ul li {
	width: 20%;
	box-sizing: border-box;
	text-align: center;
}

.proone03 ul li img {
	display: block;
	width: auto;
	margin: auto;
	max-width: 80%;
	margin-bottom: 20px;
}

.proone03 ul li h3 {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.proone03 ul li:nth-of-type(1),
.proone03 ul li:nth-of-type(4) {
	margin-top: -70px;
}

/* proone04 */
.proone00 {
	display: block;
	width: 100%;
	overflow: hidden;
	background-color: #f1f2f3;
}

.proone04 {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	padding: 100px 0;
}

.proone04 .tl {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	text-align: center;
}

.proone04 .t-info {
	font-size: 16px;
	color: #666666;
	margin: 40px 0;
	text-align: center;
}

.proone04 .more {
	margin: auto;
	border: 1px solid #064688;
}

.proone05 a .cont h3 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.proone05 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #ddd;
	padding-top: 40px;
	margin-bottom: 100px;
}

.proone05 a {
	display: block;
	width: 18.4%;
	box-sizing: border-box;
	background-color: #b4b8ba;
	padding: 25px;
	margin-right: 2%;
	transition: all .3s;
}

.proone05 a .cont {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #fff;
	padding: 70px 20px;
}

.proone04 .proone05 a .cont h3 {
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.proone04 .proone05 a .cont {
	padding: 80px 20px;
}

.proone05 a:nth-of-type(4n) {
	margin-right: 0;
}

.proone05 a .cont p {
	font-size: 18px;
	color: #fff;
	display: none;
}

.proone05 a:hover {
	background-color: #e77d26;
}

.proone04 .proone05 {
	padding-top: 0;
	border: none;
	margin-bottom: 0px;
}



/* join01 */
.join01wrap {
	width: 1200px;
	box-sizing: border-box;
	margin: 100px auto;
}

.j-tl {
	text-align: center;
	margin-bottom: 40px;
}

.j-tl h3 {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
}

.j-tl strong {
	display: block;
	width: 190px;
	height: 1px;
	background-color: #ddd;
	margin: auto;
	position: relative;
	margin-top: 20px;
}

.j-tl strong::before {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background-color: #064688;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}


/* join01 */
.join01 {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.join01 a {
	width: calc((100% - 1px)/2);
	display: block;
	position: relative;
}

.join01 a::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	transition: all .3s;
	background-color: rgba(51, 54, 57, 0.66);
}

.join01 a:hover::after {
	opacity: 1;
}

.join01 a img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.join01 a .text {
	width: 100%;
	position: absolute;
	left: 0;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0 70px;
	bottom: 0px;
	transition: all .4s;
	z-index: 1;
}

.join01 a .text .cont {
	width: 100%;
	position: relative;
	padding-bottom: 70px;
}

.join01 a .text .cont h3 {
	font-size: 24px;
	color: #ffffff;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.join01 a .text .cont h4 {
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	min-height: 90px;
}

.join01 a .text .cont .more {
	background-color: transparent;
	border: 1px solid #fff;
	width: 140px;
	height: 42px;
	line-height: 42px;
	margin-top: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	transition: all .3s;
}

.join01 a:hover .text {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.join01 a:hover .text .cont .more {
	opacity: 1;
}

.join01 a:hover .text .cont h4 {
	opacity: 0.75;
}

/* join02 */
.join02wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f1f2f3;
	position: relative;
}

.join02 {
	width: 1200px;
	margin: auto;
	margin-bottom: 60px;
	position: relative;
}

.join02 a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.join02 a .imgbox {
	width: 100%;
	overflow: hidden;
}

.join02 a .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.join02 a:hover .imgbox img {
	transform: scale(1.1);
}

.join02 a .text {
	width: 100%;
	box-sizing: border-box;
	padding-top: 20px;
}

.join02 a .text p {
	font-size: 15px;
	color: #666666;
	margin-bottom: 20px;
}

.join02 a .text h3 {
	font-size: 18px;
	color: #000000;
	line-height: 30px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.join02wrap .more {
	border: 1px solid #064688;
	background-color: transparent;
	width: 130px;
	height: 40px;
	line-height: 40px;
	margin: auto;
	color: #064688;
}

.join02wrap .more::after {
	background-color: #064688;
}

.join02wrap .more:hover {
	color: #fff;
}

.join02 .swiper-button-next,
.join02 .swiper-button-prev {
	background-image: none;
	font-size: 30px;
	color: #c2c3c3;
	width: auto;
	height: auto;
	margin-top: -15px;
}

.join02 .swiper-button-next {
	right: -60px;
}

.join02 .swiper-button-prev {
	left: -60px;
}

/* join03 */
.join03 {
	width: 1200px;
	box-sizing: border-box;
	margin: 100px auto;
}

.join03 .top {
	display: block;
	width: 370px;
	height: 94px;
	border-radius: 90px;
	background-color: #064688;
	font-size: 30px;
	color: #FFFFFF;
	text-align: center;
	line-height: 94px;
	position: relative;
	z-index: 1;
	margin: auto;
	border: 5px solid #eeeeee;
	margin-bottom: -52px;
}

.join03 .contwrap {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	border-radius: 10px;
	border: 5px solid #eeeeee;
	border-right: none;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	padding: 60px 70px;
	height: 560px;
	overflow-y: scroll;
}

.join03 .contwrap .cont {
	width: 100%;
	box-sizing: border-box;
}

.join03 .contwrap .cont li {
	width: 100%;
	padding: 60px 0;
	position: relative;
	padding-left: 100px;
	box-sizing: border-box;
	border-bottom: 1px dashed #ddd;
}

.join03 .contwrap .cont li font {
	font-size: 54px;
	color: #dddddd;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50px;
}

.join03 .contwrap .cont li h3 {
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
}

.join03 .contwrap .cont li h4 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.join03 .contwrap::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	scrollbar-arrow-color: red;
}

.join03 .contwrap::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(230, 119, 27, 0.9);
	background: rgba(230, 119, 27, 0.9);
	scrollbar-arrow-color: red;
}

.join03 .contwrap::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px #eeeeee;
	border-radius: 5px;
	background: #eeeeee
}

/* join04wrap */
.join04wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background: url(../images/career_bg02.jpg)no-repeat fixed;
	background-size: cover;
}

.join04 {
	width: 960px;
	margin: auto;
	box-sizing: border-box;
	display: -wap-marquee;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.join04 a {
	display: block;
	width: 31%;
	position: relative;
	box-sizing: border-box;
	padding: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	margin-bottom: 4%;
	text-align: center;
	border-radius: 10px;
	transition: all .3s;
}

.join04 a img {
	display: block;
	width: auto;
	margin: auto;
	height: 52px;
	margin-bottom: 30px;
}

.join04 a h3 {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
	font-size: 22px;
	color: #222222;
}

.join04 a h3::before,
.join04 a h3::after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #888888;
}

.join04 a h3::before {
	margin-right: 10px;
}

.join04 a h3::after {
	margin-left: 10px;
}

.join04 a p {
	font-size: 12px;
	color: #888888;
	margin-top: 10px;
}

.join04 a .img02 {
	display: none;
}

.join04 a:hover .img02 {
	display: block;
}

.join04 a:hover .img01 {
	display: none;
}

.join04 a:hover {
	background-color: #064688;
}

.join04 a:hover h3,
.join04 a:hover p {
	color: #fff;
}

.join04 a:hover h3::before,
.join04 a:hover h3::after {
	background-color: #fff;
}

/* join05 */
.join05wrap {
	margin: 100px 0;
	width: 100%;
}

.join05wrap .more {
	border: 1px solid #064688;
	background-color: transparent;
	width: 130px;
	height: 40px;
	line-height: 40px;
	margin: auto;
	color: #064688;
}

.join05wrap .more::after {
	background-color: #064688;
}

.join05wrap .more:hover {
	color: #fff;
}

/* 高管详情 */
.gaoguaninfo {
	width: 100%;
	box-sizing: border-box;
}

.gaoguaninfo01 {
	width: 100%;
	background-color: #f1f2f3;
	padding: 100px 0;
	margin-top: 90px;
}

.gaoguaninfo01 .cont {
	width: 1200px;
	margin: auto;
}

.gaoguaninfo01 .cont p {
	font-size: 14px;
	color: #aaaaaa;
	margin-bottom: 10px;
}

.gaoguaninfo01 .cont h3 {
	font-size: 36px;
	color: #222222;
	font-weight: bold;
}

/* gaoguaninfo02wrap */
.gaoguaninfo02wrap {
	width: 1200px;
	margin: 0 auto 100px;
	box-sizing: border-box;
}

.gaoguaninfo02 {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 70px 0;
	border-bottom: 1px solid #ddd;
}

.gaoguaninfo02 .imgbox {
	width: 30%;
	box-sizing: border-box;
	padding-right: 50px;
	border-right: 1px solid #ddd;
}

.gaoguaninfo02 .imgbox img {
	display: block;
	width: auto;
	max-width: 100%;
}

.gaoguaninfo02 .min {
	width: 70%;
	box-sizing: border-box;
	padding-left: 50px;
}

.gaoguaninfo02 .min .top {
	width: 90%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.gaoguaninfo02 .min .top h3 {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 10px;
}

.gaoguaninfo02 .min .top p {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
}

.gaoguaninfo02 .min .info h4 {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 20px;
	letter-sapcing: 0;
}

.gaoguaninfo02 .min .info h4:last-child {
	margin-bottom: 0;
}

.gaoguaninfo02wrap .goback {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	font-size: 15px;
	color: #666666;
	margin-top: 30px;
}

.gaoguaninfo02wrap .goback i {
	font-size: 15px;
	color: #666;
	margin-right: 10px;
	display: block;
}

/* 设备产品 */
.pro02banner {
	position: relative;
}

.pro02banner video {
	display: block;
	width: 100%;
	height: auto;
}

/* .pro02banner::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 0;
} */

.protwowrap {
	background-color: #eeeeee;
}

.protwo01wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 0 5%;
	margin: 100px 0;
}

.protwo01wrap .protwo01 .swiper-container01 {
	width: 90%;
}

.protwo-tl {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
	font-size: 36px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 40px;
}

.protwo-tl::before,
.protwo-tl::after {
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background-color: #ddd;
}

.protwo-tl::before {
	margin-right: 30px;
}

.protwo-tl::after {
	margin-left: 30px;
}

.protwo01 {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	padding: 100px 0;
	position: relative;
}

.protwo01 .box {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.protwo01 .box .img {
	width: 50%;
	box-sizing: border-box;
}

.protwo01 .box .img img {
	display: block;
	width: 100%;
}

.protwo01 .box .text {
	width: 50%;
	box-sizing: border-box;
	padding: 0 100px 0 20px;
}

.protwo01 .box .text p {
	font-size: 34px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 10px;
}

.protwo01 .box .text h3 {
	font-size: 26px;
	color: #222222;
	font-weight: bold;
	line-height: 1.36;
}

.protwo01 .box .text font {
	display: block;
	font-size: 24px;
	color: #444444;
	margin: 30px 0;
	font-weight: bold;
}

.protwo01 .box .text h4 {
	font-size: 15px;
	color: #888888;
	line-height: 26px;
}

.protwo01 .box .text .more {
	margin-top: 30px;
	border: 1px solid #064688;
}

.protwo01 .swiper-button-next,
.protwo01 .swiper-button-prev {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 18px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	background-image: none;
	outline: none;
}

.protwo01 .swiper-button-next {
	right: -25px;
}

.protwo01 .swiper-button-prev {
	left: -25px;
}

.protwo01 .swiper-pagination {
	width: 100%;
	bottom: 40px;
}

.protwo01 .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: transparent;
	border: 1px solid #064688;
	border-radius: 50%;
	margin-right: 15px;
	opacity: 1;
	outline: none;
}

.protwo01 .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #064688;
}

/* protwo02 */
.protwo02wrap {
	width: 90%;
	margin: 100px auto;
}

.protwo02 {
	width: 100%;
	position: relative;
}

.protwo02 .box {
	width: 100%;
	background-color: #fff;
	padding: 37px 0;
	text-align: center;
	/* display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center; */
}

.protwo02 .box .text {
	/* width: 50%; */
	box-sizing: border-box;
	padding: 0 50px;
	/* margin-right: -10%; */
	position: relative;
	z-index: 1;
	margin-top: 20px;
}

.protwo02 .box .text p {
	font-size: 26px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}

.protwo02 .box .text h3 {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}

.protwo02 .box .text font {
	display: block;
	font-size: 20px;
	color: #444444;
	margin: 30px 0;
	font-weight: bold;
}

.protwo02 .box .text h4 {
	font-size: 15px;
	color: #888888;
	line-height: 26px;
	text-align: left;
}

.protwo02 .box .text .more {
	margin-top: 30px;
	border: 1px solid #064688;
	width: 160px;
	height: 44px;
	line-height: 44px;
}

.protwo02 .box .img {
	/* width: 50%; */
	width: 90%;
	margin: 0 auto;
}

.protwo02 .box .img img {
	display: block;
	width: 100%;
}

.protwo02 .swiper-button-next,
.protwo02 .swiper-button-prev {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 18px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	background-image: none;
	outline: none;
}

.protwo02 .swiper-button-next {
	right: -25px;
}

.protwo02 .swiper-button-prev {
	left: -25px;
}

/* 设备产品详情 */
.protwoinfo01wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	padding: 100px 0;
}

.protwoinfo01 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

.protwoinfo01 .imgbox {
	width: 50%;
}

.protwoinfo01 .imgbox .gallery-top {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.protwoinfo01 .imgbox img {
	display: block;
	width: 100%;
	background-color: #fff;
}

.protwoinfo01 .imgbox .gallery-thumbs {
	padding-top: 12px;
}

.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide {
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	border: 1px solid #ddd;
}

.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active,
.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide:hover {
	border: 2px solid #064688;
}

.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #064688;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
}

.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active::before {
	opacity: 1;
}

.protwoinfo01 .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 60px;
}

.protwoinfo01 .text li {
	width: 100%;
	margin-bottom: 30px;
}

.protwoinfo01 .text li:last-child {
	margin-bottom: 0;
}

.protwoinfo01 .text li .tl {
	font-size: 24px;
	color: #222222;
	margin-bottom: 30px;
	font-weight: bold;
}

.protwoinfo01 .text li .info {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.protwoinfo01 .text li .info p {
	font-size: 16px;
	color: #666666;
	line-height: 32px;
}

.protwoinfo01 .text li .img {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 60px;
}

.protwoinfo01 .text li .img .item {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	align-items: center;
	-webkit-align-items: center;
}

.protwoinfo01 .text li .img .item img {
	display: block;
	width: auto;
	max-width: 100%;
}

.protwoinfo01 .text li .img .item p {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

.protwoinfo01 .text li .more {
	width: 290px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

.protwoinfo01 .text li .more i {
	font-size: inherit;
	color: inherit;
	margin-left: 10px;
}

.productinfo_banner .text {
	padding-top: 80px;
}

/* protwoinfo02wrap */
.protwoinfo02wrap {
	width: 1200px;
	margin: 100px auto;
	box-sizing: border-box;
}

.p-twoinfo {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #222222;
}

.protwoinfo02 {
	width: 100%;
	position: relative;
}

.protwoinfo02 .box {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	display: block;
}

.protwoinfo02 .box .imgbox {
	width: 100%;
	box-sizing: border-box;
}

.protwoinfo02 .box .imgbox img {
	display: block;
	width: 100%;
}

.protwoinfo02 .box .text {
	width: 100%;
	box-sizing: border-box;
	padding-left: 0;
	margin-top: 30px;
}

.protwoinfo02 .box .text h3 {
	font-size: 22px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #222222;
}

.protwoinfo02 .box .text .info {
	margin-bottom: 30px;
}

.protwoinfo02 .box .text .info p {
	font-size: 15px;
	line-height: 30px;
	color: #222222;
	font-weight: bold;
}

.protwoinfo02 .box .text h4 {
	font-size: 15px;
	line-height: 30px;
	color: #666666;
}

.protwoinfo02 .page {
	width: 100%;
	margin-top: 40px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}

.protwoinfo02 .page .swiper-button-next,
.protwoinfo02 .page .swiper-button-prev {
	background-image: none;
	font-size: 20px;
	position: relative;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	outline: none;
}

.protwoinfo02 .page .swiper-pagination {
	position: relative;
	margin: 0 30px;
}

.protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #aaaaaa;
	margin: 0;
	margin-right: 12px;
	opacity: 1;
}

.protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #064688;
}


/* xzgn01 */
.xzgn01 {
	width: 1200px;
	margin: 100px auto;
	box-sizing: border-box;
}

.xzgn01 .imgbox {
	width: 100%;
	box-sizing: border-box;
}

.xzgn01 .imgbox img {
	display: block;
	width: 100%;
}

.xzgn01 .imgbox img.sjimg {
	display: none;
}

/* protwoinfo03wrap */
.protwoinfo03wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f1f2f3;
}

.protwoinfo03 {
	width: 1200px;
	margin: auto;
}

.protwoinfo03 .cont {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.protwoinfo03 .cont .imgbox {
	width: 50%;
	box-sizing: border-box;
}

.protwoinfo03 .cont .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 0px;
}

.protwoinfo03 .cont .text img {
	width: 100%;
}

.protwoinfo03 .cont .text li {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 40px;
}

.protwoinfo03 .cont .text li img {
	display: block;
	width: auto;
	max-width: 100%;
}

.protwoinfo03 .cont .text li p {
	font-size: 16px;
	color: #666;
	margin-left: 30px;
}

.protwoinfo03 .cont .text li p font {
	font-weight: bold;
	font-size: 16px;
	color: #666;
	margin-right: 10px;
}

.protwoinfo03 .cont .text li:last-child {
	margin-bottom: 0;
}

/* protwoinfo04wrap */
.protwoinfo04wrap {
	width: 1200px;
	margin: 100px auto;
	box-sizing: border-box;
}

.protwoinfo04wrap .p-twoinfo {
	border-bottom: none;
}

.protwoinfo04wrap .p-tab {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.protwoinfo04wrap .p-tab a {
	display: block;
	line-height: 70px;
	position: relative;
	font-size: 20px;
	color: #666666;
	margin-right: 80px;
}

.protwoinfo04wrap .p-tab a:last-child {
	margin-right: 0;
}

.protwoinfo04wrap .p-tab a::after {
	content: '';
	display: block;
	width: 0%;
	height: 2px;
	background-color: #064688;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s;
}

.protwoinfo04wrap .p-tab a:hover::after,
.protwoinfo04wrap .p-tab a.active::after {
	width: 100%;
}

.protwoinfo04wrap .p-tab a:hover,
.protwoinfo04wrap .p-tab a.active {
	color: #064688;
}

.protwoinfo04 {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.protwoinfo04 .item {
	width: 100%;
	position: relative;
	display: none;
}

.protwoinfo04 .item:first-child {
	display: block;
}

.protwoinfo04 .item a {
	display: block;
}

.protwoinfo04 .item a .imgbox {
	width: 100%;
	box-sizing: border-box;
}

.protwoinfo04 .item a .imgbox img {
	display: block;
	width: 100%;
}

.protwoinfo04 .item a .text {
	width: 100%;
}

.protwoinfo04 .item a .text h3 {
	font-size: 16px;
	color: #222222;
	margin-top: 20px;
	font-weight: bold;
}

.protwoinfo04 .swiper-button-next,
.protwoinfo04 .swiper-button-prev {
	background-image: none;
	font-size: 30px;
	color: #c2c3c3;
	width: auto;
	height: auto;
	margin-top: -15px;
}

.protwoinfo04 .swiper-button-next {
	right: -60px;
}

.protwoinfo04 .swiper-button-prev {
	left: -60px;
}

.protwoinfo04 .item a .text h4 {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: left;
	margin-top: 20px;
}

.protwoinfo04 .item a .text h4 font {
	font-size: 16px;
	color: #222222;
	white-space: nowrap;
	line-height: 24px;
}

.protwoinfo04 .item a .text h4 p {
	font-size: 16px;
	line-height: 24px;
	color: #666666;
}


/* protwoinfo05wrap */
.protwoinfo05wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f1f2f3;
}

.protwoinfo05wrap .p-twoinfo {
	width: 1200px;
	margin: auto;
	margin-bottom: 30px;
}

.protwoinfo05 {
	width: 1200px;
	margin: auto;
	position: relative;
}

.protwoinfo05 a font {
	background-color: transparent;
	color: #064688;
	border: 1px solid #064688;
	opacity: 0;
	margin-top: 20px;
	width: 130px;
	height: 36px;
	line-height: 36px;
	transition: all .3s;
}

.protwoinfo05 a font::after {
	background-color: #064688;
}

.protwoinfo05 a font:hover {
	color: #fff;
}

.protwoinfo05 a:hover .text h3 {
	color: #064688;
}

.protwoinfo05 a:hover font {
	opacity: 1;
}

/* protwoinfo06wrap */
.protwoinfo06wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
}

.protwoinfo06wrap .p-twoinfo {
	width: 1200px;
	margin: auto;
	margin-bottom: 30px;
}

.js-media {
	display: block;
	width: 100%;
}

.protwoinfo06wrap .join02 .swiper-button-next,
.protwoinfo06wrap .join02 .swiper-button-prev {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 18px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	background-image: none;
	outline: none;
}

.protwoinfo06wrap .join02 .swiper-button-next::before,
.protwoinfo06wrap .join02 .swiper-button-prev::before {
	color: #333;
}

.protwoinfo06wrap .join02 .swiper-button-next {
	right: -25px;
}

.protwoinfo06wrap .join02 .swiper-button-prev {
	left: -25px;
}

.protwoinfo06wrap .join02 {
	width: 1200px;
	margin: auto;
	position: relative;
}

/* 打印服务 */
.prothere01 {
	width: 1200px;
	margin: 100px auto;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.prothere01 .imgbox {
	width: 50%;
	overflow: hidden;
}

.prothere01 .imgbox img {
	display: block;
	width: 100%;
}

.prothere01 .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 40px;
}

.prothere01 .text h3 {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 30px;
	letter-spacing: 0;
}

.prothere01 .text h4 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.p-tl {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
	color: #222222;
}

/* prothere02 */
.prothere02wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f5f6f8;
}

.prothere02 {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
	position: relative;
}

.prothere02 .gallery-thumbs .swiper-slide {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	cursor: pointer;
}

.prothere02 .gallery-thumbs .bigimgbox {
	width: 100px;
	padding: 0 10px;
	position: relative;
}

.prothere02 .gallery-thumbs .bigimgbox::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #064688;
	height: 2px;
	width: 0%;
}

.prothere02 .gallery-thumbs .bigimgbox .img {
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border: 10px solid #cacaca;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	margin: auto;
}

.prothere02 .gallery-thumbs .bigimgbox .img img {
	display: block;
	width: auto;
	max-width: 60%;
}

.prothere02 .gallery-thumbs .bigimgbox .img .img02 {
	display: none;
}

.prothere02 .gallery-thumbs .bigimgbox h4 {
	font-size: 18px;
	color: #666666;
	text-align: center;
	margin: 10px 0;
	line-height: 24px;
	min-height: 48px;
	white-space: nowrap;
}

.prothere02 .gallery-thumbs .bigimgbox h4 span {
	display: block;
	font-size: 14px;
	color: inherit;
}

.prothere02 .gallery-thumbs .bigimgbox i {
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #064688;
	margin: auto;
	opacity: 0;
	margin-bottom: 10px;
}

.prothere02 .gallery-top {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.prothere02 .gallery-top .text {
	width: 100%;
	box-sizing: border-box;
	padding: 90px 180px;
}

.prothere02 .gallery-top .text .tl {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	white-space: nowrap;
	align-items: center;
	-webkit-align-items: center;
}

.prothere02 .gallery-top .text .tl p {
	font-size: 14px;
	color: #064688;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	white-space: nowrap;
	align-items: center;
	-webkit-align-items: center;
}

.prothere02 .gallery-top .text .tl p::after {
	content: '';
	display: block;
	width: 100px;
	margin: 0 10px;
	height: 1px;
	background-color: #064688;
}

.prothere02 .gallery-top .text .tl::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ddd;
}

.prothere02 .gallery-top .text h4 {
	font-size: 22px;
	color: #222222;
	font-weight: bold;
	margin: 30px 0;
}

.prothere02 .gallery-top .text p {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
}

.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img .img02 {
	display: block;
}

.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img .img01 {
	display: none;
}

.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img {
	border-color: #064688;
}

.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox h4 {
	color: #222222;
}

.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox i {
	opacity: 1;
}

.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox::after {
	width: 100%;
}

.prothere02 .gallery-thumbs .swiper-slide:first-child::before {
	content: '';
	display: block;
	width: 1px;
	height: 30px;
	background-color: #ddd;
	position: absolute;
	left: 0;
	top: 35px;
}

.prothere02 .gallery-thumbs .swiper-slide::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #dddddd;
	position: absolute;
	right: -10px;
	top: 45px;
}

.prothere02 .gallery-thumbs .swiper-slide:last-child::after {
	width: 1px;
	height: 30px;
	background-color: #ddd;
	position: absolute;
	right: 0;
	top: 35px;
	border: none;
}

.prothere02 .bot {
	position: relative;
}

.prothere02 .swiper-button-next,
.prothere02 .swiper-button-prev {
	background-image: none;
	font-size: 40px;
	color: #c2c3c3;
	width: auto;
	height: auto;
	margin-top: -20px;
	outline: none;
}

.prothere02 .swiper-button-next {
	right: -60px;
}

.prothere02 .swiper-button-prev {
	left: -60px;
}



/* prothere03 */
.prothere03wrap {
	width: 100%;
	box-sizing: border-box;
	margin: 100px auto;
}

.prothere03 {
	width: 100%;
	position: relative;
}

.prothere03 .li {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.prothere03 .li img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.prothere03 .li:hover img {
	transform: scale(1.1);
}

.prothere03 .li::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 35, 35, 0.75);
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
	z-index: 1;
}

.prothere03 .li .text {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	top: 50%;
	left: 0;
	z-index: 2;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 0 65px;
}

.prothere03 .li .text strong {
	display: block;
	width: 70px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
	margin: auto;
	transition: all .3s;
}

.prothere03 .li .text h4 {
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	min-height: 90px;
	opacity: 0;
	transform: translateY(50px);
	transition: all .3s;
	margin-bottom: 50px;
}

.prothere03 .li:hover .text strong {
	width: 70px;
	background-color: rgba(255, 255, 255, 0.5);
}

.prothere03 .li .text h3 {
	font-size: 24px;
	color: #ffffff;
	margin: 30px auto;
	text-align: center;
}

.prothere03 .li:hover::before {
	background-color: rgba(230, 119, 27, 0.9);
}

.prothere03 .li:hover .text h4 {
	opacity: 0.75;
	transform: none;
}

.prothere03 .li .text a {
	border: 1px solid #fff;
	color: #fff;
	width: 150px;
	height: 42px;
	line-height: 42px;
	background-color: transparent;
	margin: auto;
	opacity: 0;
	transform: translateY(50px);
	transition: all .3s;
}

.prothere03 .li .text a::after {
	border: #fff;
}

.prothere03 .li .text a:hover {
	color: #064688;
}

.prothere03 .li:hover .text a {
	transform: none;
	opacity: 1;
}

.prothere03 .swiper-button-next,
.prothere03 .swiper-button-prev {
	width: 46px;
	height: 46px;
	background-color: #fff;
	color: #1c3e7d;
	font-size: 18px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-image: none;
	outline: none;
	top: 50%;
	margin-top: -23px;
}

.prothere03 .swiper-button-next {
	right: 0;
}

.prothere03 .swiper-button-prev {
	left: 0;
}

/* prothere04wrap */
.prothere04wrap {
	width: 1200px;
	margin: 100px auto;
	box-sizing: border-box;
}

.prothere04 {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.prothere04 a {
	display: block;
	width: 100%;
}

.prothere04 a .imgbox {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.prothere04 a .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.prothere04 a:hover .imgbox img {
	transform: scale(1.1);
}

.prothere04 a .text h3 {
	font-size: 18px;
	color: #222222;
	margin-top: 20px;
	text-align: center;
}

.prothere04 .swiper-button-next,
.prothere04 .swiper-button-prev {
	background-image: none;
	font-size: 30px;
	color: #c2c3c3;
	width: auto;
	height: auto;
	margin-top: -15px;
}

.prothere04 .swiper-button-next {
	right: -60px;
}

.prothere04 .swiper-button-prev {
	left: -60px;
}

/* prothere05wrap */
.prothere05wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	padding: 100px 0;
}

.prothere05wrap .proonetext {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 80px;
}

.prothere05wrap .proonetext02 {
	padding-top: 60px;
}

.tablewraps {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
	margin-top: 50PX;
}

.tablewraps .tab {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 40px;
}

.tablewraps .tab a {
	display: block;
	width: 400px;
	line-height: 60px;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-right: 20px;
	font-size: 16px;
	color: #222222;
	text-align: center;
	transition: all .3s;
}

.tablewraps .tab a:last-child {
	margin-right: 0;
}

.tablewraps .tab a.active,
.tablewraps .tab a:hover {
	background-color: #064688;
	border-color: #064688;
	color: #fff;
}

.tablewraps .min {
	width: 100%;
	box-sizing: border-box;
}

.tablewraps .min .item {
	width: 100%;
	display: none;
}

.tablewraps .min .item:first-child {
	display: block;
}

.tablewraps .min .item img {
	display: block;
	width: 100%;
}

.prothere05wrap .proonetext03 {
	margin-bottom: 0;
}

.prothere05wrap .proonetext03 .more {
	margin: auto;
	margin-top: 30px;
}

/* prothere05 */
.prothere05 {
	width: 1200px;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px solid #ddd;
}

.prothere05 li {
	width: 23.5%;
	box-sizing: border-box;
	padding: 0 40px 40px;
	background-color: #fff;
	position: relative;
	margin-right: 2%;
	margin-bottom: 53px;
}

.prothere05 li:nth-of-type(4n) {
	margin-right: 0;
}

.prothere05 li h3 {
	display: block;
	width: 200px;
	line-height: 46px;
	background-color: #fff;
	border-radius: 46px;
	border: 1px solid #064688;
	font-size: 16px;
	color: #666666;
	text-align: center;
	margin-top: -23px;
	margin-bottom: 30px;
}

.prothere05 li h4 {
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	text-align: center;
}

.prothere02 {
	margin-top: 50px;
}

/* 创新设计 */
.serviceone01 {
	margin: 100px auto;
	box-sizing: border-box;
}

.serviceone01 .cont {
	width: 100%;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.serviceone01 .cont li {
	width: 33.33%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 20px;
}

.serviceone01 .cont li:nth-of-type(2n) {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.serviceone01 .cont li img {
	display: block;
	width: auto;
	margin: auto;
}

.serviceone01 .cont li h3 {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	margin-top: 20px;
}

.serviceone01 .cont li strong {
	display: block;
	width: 30px;
	height: 2px;
	background-color: #064688;
	margin: 20px auto;
}

.serviceone01 .cont li h4 {
	font-size: 15px;
	line-height: 24px;
	color: #666666;
	opacity: 0;
	transition: all .3s;
}

.serviceone01 .cont li:hover h4 {
	opacity: 1;
}

/* serviceone02wrap */
.serviceone02wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f1f2f3;
}

.serviceone02 {
	margin: auto;
	box-sizing: border-box;
}

.serviceone02 .cont {
	width: 100%;
	position: relative;
}

.serviceone02 .cont a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.serviceone02 .cont a .imgbox {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.serviceone02 .cont a .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.serviceone02 .cont a:hover .imgbox img {
	transform: scale(1.1);
}

.serviceone02 .cont a .text {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 20px;
}

.serviceone02 .cont a .text h3 {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	margin: 20px auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.serviceone02 .cont a .text h4 {
	font-size: 15px;
	color: #666666;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 20px;
	min-height: 48px;
}

.serviceone02 .cont a .text .more {
	border: 1px solid #064688;
	margin: auto;
}

.serviceone02 .cont .swiper-button-next,
.serviceone02 .cont .swiper-button-prev {
	background-image: none;
	font-size: 30px;
	color: #c2c3c3;
	width: auto;
	height: auto;
	margin-top: -15px;
	outline: none;
}

.serviceone02 .cont .swiper-button-next {
	right: -60px;
}

.serviceone02 .cont .swiper-button-prev {
	left: -60px;
}

/* serviceone03wrap */
.contwidth {
	width: 1200px;
}

.serviceone03wrap {
	margin: 100px auto;
	box-sizing: border-box;
}

.serviceone03 {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.serviceone03 .imgbox {
	width: 50%;
}

.serviceone03 .imgbox img {
	display: block;
	width: 100%;
}

.serviceone03 .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 50PX;
}

.serviceone03 .text H4 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

.serviceone03 .text h3 {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 30px;
}

.serviceone03 .text H4:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

/* 创新设计详情 */
.prolistoneinfo li .s-swiper01 {
	width: 100%;
	box-sizing: border-box;
	background-color: #eeeeee;
	position: relative;
}

.prolistoneinfo li .s-swiper01 img {
	display: block;
	width: 100%;
}

.prolistoneinfo li .s-swiper01 .swiper-button-next,
.prolistoneinfo li .s-swiper01 .swiper-button-prev {
	background-image: none;
	font-size: 40px;
	color: #8f8f8f;
	width: auto;
	height: auto;
	margin-top: -20px;
	outline: none;
}

.prolistoneinfo li .s-swiper01 .swiper-button-next {
	right: 10px;
}

.prolistoneinfo li .s-swiper01 .swiper-button-prev {
	left: 10px;
}

/* 工艺参数 */
.servicetwo01 {
	margin: 100px auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.servicetwo01 .imgbox {
	width: 50%;
}

.servicetwo01 .imgbox img {
	display: block;
	width: 100%;
}

.servicetwo01 .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 50px;
}

.servicetwo01 .text h3 {
	font-size: 24px;
	color: #222222;
	font-weight: bold;
}

.servicetwo01 .text strong {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #064688;
	margin: 30px 0;
}

.servicetwo01 .text h4 {
	font-size: 15px;
	color: #666666;
	line-height: 26px;
}

/* servicetwo02wrap */
.servicetwo02wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f1f2f3;
}

.servicetwo02 {
	margin: auto;
}

.servicetwo02 .p-tl {
	text-align: left;
}

.servicetwo02 .cont {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.servicetwo02 .cont li {
	width: calc((100% - 20px)/2);
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.servicetwo02 .cont li .item {
	width: calc((100% - 20px)/2);
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.servicetwo02 .cont li .item01 {
	background-color: #064688;
	background-image: linear-gradient(to bottom left, #eaa165, #064688);
	background-image: -webkit-linear-gradient(to bottom left, #eaa165, #064688);
	position: relative;
	position: relative;
	z-index: 1;
}

.servicetwo02 .cont li .item .font {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 40px;
}

.servicetwo02 .cont li .item01::before {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	position: absolute;
	top: 20px;
	left: 20px;
	border: 1px solid #fff;
}

.servicetwo02 .cont li .item01 .font h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}

.servicetwo02 .cont li .item01 .font strong {
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	margin: 20px auto;
}

.servicetwo02 .cont li .item01 .font h4 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.servicetwo02 .cont li .item02 {
	background-color: #a0a1a3;
	background-image: linear-gradient(to bottom left, #b8bbbd, #a0a1a3);
	background-image: -webkit-linear-gradient(to bottom left, #b8bbbd, #a0a1a3);
	position: relative;
}

.servicetwo02 .cont li .item02 .font {
	width: 100%;
	box-sizing: border-box;
	padding: 0 60px;
	text-align: left;
}

.servicetwo02 .cont li .item02 .font p {
	font-size: 20px;
	color: #ffffff;
	line-height: 54px;
}

.servicetwo02 .cont li .item .icon {
	background-color: #064688;
	border-radius: 50%;
	border: 4px solid #fff;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 52px;
	height: 52px;
	box-sizing: border-box;
	position: absolute;
	right: -36px;
}

.servicetwo02 .cont li .item02 .icon {
	background-color: #abadaf;
}

.servicetwo02 .cont li .item .icon::before {
	content: '';
	display: block;
	width: 20px;
	height: 1px;
	background-color: #fff;
}

.servicetwo02 .cont li .item .icon::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-left: -7px;
}

.servicetwo02 .cont .right {
	background-color: #a0a1a3;
	background-image: linear-gradient(to bottom left, #b8bbbd, #a0a1a3);
	background-image: -webkit-linear-gradient(to bottom left, #b8bbbd, #a0a1a3);
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	z-index: 0;
}

.servicetwo02 .cont .right .text {
	width: 100%;
	box-sizing: border-box;
	padding: 40px 80px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.servicetwo02 .cont .right .text .li p {
	font-size: 15px;
	line-height: 30px;
	color: #fff;
}

/* 逆向工程 */
/* .servicethere02 */
.servicethere02 {
	margin: 100px auto;
}

.servicethere01 {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f1f2f3;
}

.servicethere01 .proonetext {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 30px;
	margin-top: 0;
}

.servicethere01 .proonetext strong {
	display: block;
	width: 120px;
	height: 2px;
	background-color: #064688;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 0;
}

.servicethere01 .cont {
	width: 1000px;
	margin: auto;
	box-sizing: border-box;
	display: -wap-marquee;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	padding: 0 30px;
}

.servicethere01 .cont::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #cccccc;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 0;
}

.servicethere01 .cont li {
	width: 20%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.servicethere01 .cont li .min {
	text-align: center;
}

.servicethere01 .cont li .min p {
	font-size: 16px;
	color: #989898;
	margin-bottom: 30px;
}

.servicethere01 .cont li .min img {
	display: block;
	width: auto;
	max-width: 90%;
	margin: auto;
}

.servicethere01 .cont li .min h3 {
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	margin-top: 20px;
}

.servicethere01 .cont li span {
	display: block;
	width: 20px;
	height: 20px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 50%;
	background-color: #cccccc;
}

.servicethere01 .cont li span::before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* 定制化服务 */
.servicefour01 {
	margin: 100px auto;
}

/* .servicefour02wrap */
.servicefour02wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background: url(../images/dz_01.jpg)no-repeat;
	background-size: cover;
}

.servicefour02 {
	margin: auto;
}

.servicefour02 .proonetext {
	border-bottom: 1px solid #aaaaaa;
	margin-top: 0;
	width: 100%;
}

.servicefour02 .proonetext::before {
	content: '';
	display: block;
	width: 120px;
	height: 2px;
	background-color: #444444;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 0;
}

.servicefour02 .imgbox {
	width: 100%;
}

.servicefour02 .imgbox img {
	display: block;
	width: auto;
	margin: auto;
	max-width: 100%;
}

.servicembx {
	display: none;
}



.datatwo01 {
	width: 100%;
	box-sizing: border-box;
}

.datatwo01 .item {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

/* .datatwo01 .item:nth-of-type(odd){background-color: #f1f2f3;} */
.datatwo01 .item .imgbox {
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

.datatwo01 .item .imgbox img {
	display: block;
	width: 100%;
}

.datatwo01 .item .imgbox .text {
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}

.datatwo01 .item .imgbox .text h3 {
	font-size: 26px;
	color: #fff;
}

.datatwo01 .item .imgbox .text strong {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #fff;
	margin: 20px auto;
}

.datatwo01 .item .imgbox .text h4 {
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.datatwo01 .item .right {
	width: 50%;
	box-sizing: border-box;
	padding-right: calc((100% - 1200px)/2);
	padding-left: 80px;
}

.datatwo01 .item .right .cont {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

.datatwo01 .item .right .cont::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 17px;
	background-color: #ddd;
	z-index: 0;
}

.datatwo01 .item .right .cont .list {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.datatwo01 .item .right .cont .list:last-child {
	margin-bottom: 0;
}

.datatwo01 .item .right .cont .list .top {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.datatwo01 .item .right .cont .list .top h3 {
	font-size: 20px;
	color: #222222;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.datatwo01 .item .right .cont .list .top font {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 13px;
	color: #666666;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #006949;
	width: 34px;
	height: 34px;
	margin-right: 20px;
}

/* .datatwo01 .item:nth-of-type(2n-1) .right .cont .list .top font{background-color:#f1f2f3} */

.datatwo01 .item .imgbox .text .more {
	margin: 20px auto 0;
}




.datatwo01 .item .right .cont .list .top i {
	font-size: 20px;
	color: #006949;
}

.datatwo01 .item .right .cont .list .info {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0;
	padding-left: 44px;
	display: none;
}

.datatwo01 .item .right .cont .list .info h4 {
	font-size: 15px;
	color: #666666;
	line-height: 28px;
}

.datatwo01 .item .right .cont .list:first-child .info {
	display: block;
}

.datatwo01 .item .right .cont .list .top.active i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.datatwo01 .item:nth-of-type(2n) {
	-webkit-flex-flow: row-reverse;
	flex-flow: row-reverse;
}

.datatwo01 .item:nth-of-type(2n) .right {
	padding-left: calc((100% - 1200px)/2);
	padding-right: 80px;
}

/* 新闻 */
.news01wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f5f5f5;
}

.news01 {
	margin: auto;
	position: relative;
}

.news01 a {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.news01 a .imgbox {
	width: 55%;
	box-sizing: border-box;
}

.news01 a .imgbox img {
	display: block;
	width: 100%;
}

.news01 a .text {
	width: 40%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.news01 a .text .cont {
	width: 100%;
}

.news01 a .text .cont p {
	font-size: 14px;
	color: #aaaaaa;
	margin-bottom: 20px;
}

.news01 a .text .cont h3 {
	font-size: 20px;
	color: #222222;
	margin-bottom: 30px;
	line-height: 34px;
}

.news01 a .text .cont .more {
	border: 1px solid #064688;
	background-color: transparent;
	color: #064688;
	width: 136px;
	height: 40px;
	line-height: 40px;
}

.news01 a .text .cont .more:hover {
	color: #fff;
}

.news01 a .text .cont .more::after {
	background-color: #064688;
}

.news01 .swiper-pagination {
	width: 40%;
	position: absolute;
	right: 0;
	bottom: 20px;
	left: initial;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.news01 .swiper-pagination .swiper-pagination-bullet {
	background-color: #cfcfcf;
	margin-right: 10px;
	opacity: 1;
}

.news01 .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.news01 .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #064688;
}

.news02 {
	width: 100%;
	overflow: hidden;
}

.news02 .content {
	display: block;
	width: 100%;
	padding: 50px 0;
	background-color: transparent;
	transition: all .3s;
	border-bottom: 1px solid #ddd;
}

.news02 .content .main {
	position: relative;
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.news02 .content .main .imgbox {
	width: 28%;
	overflow: hidden;
}

.news02 .content .main .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.news02 .content:hover .main .imgbox img {
	transform: scale(1.1);
}

.news02 .content .main .textbox {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	width: 67%;
}

.news02 .content .main .textbox p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news02 .content .main .textbox h3 {
	font-size: 22px;
	color: #222;
	font-weight: bold;
	margin: 26px 0;
}

.news02 .content .main .textbox span {
	font-size: 14px;
	color: #888;
	line-height: 100%;
}

.news02 .content:hover .main .textbox h3 {
	color: #064688;
}

.fy,
.nav-links {
	width: 80%;
	box-sizing: border-box;
	padding: 30px 0 60px;
	justify-content: center;
	flex-flow: row;
	display: flex;
	margin: auto;
}

.fy a,
.nav-links span,
.nav-links a {
	display: block;
	width: auto;
	min-width: 32px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #b8b8b8;
	border: 1px solid #b8b8b8;
	border-radius: 5px;
	background-color: #FFFFFF;
	transition: all .3s;
	margin: 0 7px;
	text-align: center;
	box-sizing: border-box;
	padding: 0 10px;
}

.fy a:hover {
	background-color: #eb6100;
	border-color: #eb6100;
	color: #FFFFFF;
}

.fy .active,
.nav-links span {
	background-color: #eb6100;
	border-color: #eb6100;
	color: #FFFFFF;
}

.fy a:nth-of-type(1) {
	margin-left: 0;
}

.screen-reader-text {
	display: none;
}

.navigation,
.pagination {
	width: 100%;
}

/* 供应链 */
.supply01wrap {
	width: 1000px;
	margin: 100px auto;
	box-sizing: border-box;
}

.s-tl01 {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 40px;
}

.supply01 {
	width: 100%;
	box-sizing: border-box;
}

.supply01 li {
	width: 100%;
	box-sizing: border-box;
	padding: 60px 0;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
}

.supply01 li h3 {
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	width: 30%;
}

.supply01 li h4 {
	width: 70%;
	box-sizing: border-box;
	font-size: 15px;
	color: #666666;
	line-height: 30px;
}

.supply01 li:first-child {
	border-top: 1px solid #ddd;
}

/* supply02wrap */
.supply02wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f1f2f3;
}

.supply02 {
	width: 1000px;
	margin: auto;
	box-sizing: border-box;
}

.supply02 p {
	font-size: 15px;
	color: #222222;
	line-height: 26px;
	margin-bottom: 30px;
	font-weight: bold;
}

.supply02 h4 {
	font-size: 15px;
	color: #666;
	line-height: 26px;
	margin-bottom: 30px;
}

.supply02 h4:last-child {
	margin-bottom: 0;
}

/* supply03 */
.supply03 {
	width: 1000px;
	margin: 100px auto;
	box-sizing: border-box;
}

.supply03 .s-form01 {}

.s-form01 {
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.s-form01 p {
	font-size: 15px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 15px;
}

.s-form01 input {
	display: flexbox;
	width: 100%;
	height: 44px;
	border: 1px solid #ddd;
	outline: none;
	background-color: #f1f2f3;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 14px;
	color: #222;
	margin-bottom: 30px;
}

.s-form01 ul {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.s-form01 ul li {
	width: 32%;
}

.s-form01 textarea {
	display: block;
	border: 1px solid #ddd;
	outline: none;
	background-color: #f1f2f3;
	resize: none;
	width: 100%;
	height: 120px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #222;
}

.s-form01 .more {
	border: 1px solid #064688;
	width: 130px;
	height: 36px;
	line-height: 34px;
}

.s-form01 .check {
	width: 100%;
	margin-bottom: 30px;
}

.s-form01 .check label {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 30px;
}

.s-form01 .check label .checkbox {
	display: block;
	width: 15px;
	height: 15px;
	margin-bottom: 0;
}

.s-form01 .check label p {
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 15px;
	color: #666666;
	line-height: 26px;
}

.s-form01 .check label p a {
	color: #064688;
}

.s-form01 .check label:last-child {
	margin-bottom: 0;
}




.supply03 .wpcf7-form {
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.supply03 .wpcf7-form p {
	font-size: 15px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 15px;
}

.supply03 .wpcf7-form input {
	display: flexbox;
	width: 100%;
	height: 44px;
	border: 1px solid #ddd;
	outline: none;
	background-color: #f1f2f3;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 14px;
	color: #222;
	margin-bottom: 30px;
}

.supply03 .wpcf7-form ul {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.supply03 .wpcf7-form ul li {
	width: 32%;
}

.supply03 .wpcf7-form textarea {
	display: block;
	border: 1px solid #ddd;
	outline: none;
	background-color: #f1f2f3;
	resize: none;
	width: 100%;
	height: 120px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #222;
}

.supply03 .wpcf7-form .more {
	border: 1px solid #064688;
	width: 130px;
	height: 36px;
	line-height: 34px;
}

.supply03 .wpcf7-form .check {
	width: 100%;
	margin-bottom: 30px;
}

.supply03 .wpcf7-form .check .label {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 30px;
}

.supply03 .wpcf7-form .check .label .checkbox {
	display: block;
	width: 15px;
	height: 15px;
	margin-bottom: 0;
}

.supply03 .wpcf7-form .check .label p {
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 15px;
	color: #666666;
	line-height: 26px;
}

.supply03 .wpcf7-form .check .label p a {
	color: #064688;
}

.supply03 .wpcf7-form .check .label:last-child {
	margin-bottom: 0;
}

.supply03 .wpcf7-form .check i,
.supply03 .wpcf7-form .check .layui-unselect {
	display: none;
}




/* 联系我们 */
.contact01 {
	margin: 100px auto 120px;
}

.contact01 .mapwrap {
	width: 100%;
	position: relative;
}

.contact01 .mapwrap .map {
	width: 100%;
	height: 460px;
}

.contact01 .mapwrap .map .BMap_bubble_title {
	font-size: 16px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: bold;
}

.contact01 .mapwrap .map .BMap_bubble_content {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.contact01 .bot {
	width: 1000px;
	margin: auto;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	border-bottom: 1px solid #DDDDDD;
	padding: 40px 0;
}

.contact01 .bot .left {
	font-size: 20px;
	color: #222222;
	width: 30%;
	font-weight: bold;
}

.contact01 .bot .right {
	width: 70%;
}

.contact01 .bot .right li {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
}

.contact01 .bot .right li::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #222222;
	position: absolute;
	left: 0;
	top: 12px;
	border-radius: 50%;
}

.contact01 .bot .right li p {
	font-size: 15px;
	color: #222222;
	width: 20%;
	line-height: 28px;
	font-weight: bold;
}

.contact01 .bot .right li font {
	font-size: 15px;
	color: #666666;
	width: 80%;
	line-height: 28px;
}

.contact01 .bot .right .link {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.contact01 .bot .right .link .item {
	position: relative;
	margin-right: 12px;
}

.contact01 .bot .right .link .item a {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #888888;
	border-radius: 50%;
	font-size: 14px;
	color: #888888;
	width: 30px;
	height: 30px;
}

.contact01 .bot .right .link .item:last-child {
	margin-right: 0;
}

.contact01 .bot .right .link .item .hoverimg {
	width: 120px;
	height: 120px;
	position: absolute;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
	transition: all .3s;
}

.contact01 .bot .right .link .item .hoverimg img {
	display: block;
	width: 100%;
}

.contact01 .bot .right .link .item .hoverimg::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	left: 50%;
	top: -6px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-left: -6px;
}

.contact01 .bot .right .link .item:hover .hoverimg {
	opacity: 1;
}

/* contact02warp */
.contact02warp {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	padding: 100px 0 80px;
}

.contact02 {
	width: 1200px;
	box-sizing: border-box;
	margin: auto;
}

.contact02 .min {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.contact02 .min a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 20px;
	background-color: #fff;
	height: 500px
}

.contact02 .min a:nth-of-type(3n) {
	margin-right: 0;
}

.contact02 .min a .imgbox {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.contact02 .min a .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.contact02 .min a:hover .imgbox img {
	transform: scale(1.1);
}

.contact02 .min a .text {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 30px 0 30px;
}

.contact02 .min a .text span {
	font-size: 21px;
	color: #222222;
	display: inline-block;
	margin-bottom: 15px;
}

.contact02 .min a .text strong {
	display: block;
	width: 30px;
	height: 1px;
	background-color: #ddd;
	margin: auto;
	margin-bottom: 15px;
}

.contact02 .min a .text h3 {
	font-size: 14px;
	color: #222222;
	margin-bottom: 20px;
	line-height: 20px;
	min-height: 40px;
}

.contact02 .min a .text h3 i {
	font-size: inherit;
	color: inherit;
	margin-right: 10px;
	vertical-align: unset;
}

.contact02 .min a .text p i {
	font-size: inherit;
	color: inherit;
	margin-right: 10px;
	vertical-align: unset;
}

.contact02 .min a .text p {
	font-size: 14px;
	color: #222222;
}

.contact02 .min .swiper-pagination-bullet {
	border: 1px solid #ddd;
	background-color: transparent;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	opacity: 1;
	margin-right: 10px;
}

.contact02 .min .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.contact02 .min .swiper-pagination-bullet-active {
	background-color: #064688;
	border-color: #064688;
}

.contact02 .min .swiper-container-horizontal>.swiper-pagination-bullets,
.contact02 .min .swiper-pagination-custom,
.contact02 .min .swiper-pagination-fraction {
	bottom: 0;
}

.contact02 .min .swiper-pagination {
	position: relative;
	width: 100%;
}

.contact02 .min .swiper-button-next,
.contact02 .min .swiper-button-prev {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 50%;
	background-color: #FFFFFF;
	background-image: none;
	width: 40px;
	height: 40px;
	margin-top: -41px;
	outline: none;
}

.contact02 .min .swiper-button-next i,
.contact02 .min .swiper-button-prev i {
	font-size: 18px;
	color: #064688;
}

.contact02 .min .swiper-button-next {
	right: -50px;
}

.contact02 .min .swiper-button-prev {
	left: -50px;
}







/* 审计 */
.audit01 {
	width: 980px;
	margin: 100px auto;
	box-sizing: border-box;
}

.audit01 .right {
	width: 100%;
	padding: 0;
}

.audit01 .right .text02 {
	padding-bottom: 100px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 60px;
}

/* 人才培养 */
.personnelonewrap {
	margin: 100px auto;
	box-sizing: border-box;
}

.personneltab {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

.personneltab a {
	border-radius: none;
	font-size: 16px;
	color: #222;
	margin-right: 15px;
	background-color: #ddd;
}

.personneltab a::after {
	background-color: #064688;
}

.personneltab a:hover,
.personneltab a.active {
	color: #fff;
}

.personneltab a:last-child {
	margin-right: 0;
}

.personneltab a.active::after {
	width: 100%;
}

/* personnelone01 */
.personnelone01 {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 50px;
	border-bottom: 1px solid #ddd;
}

.personnelone01 li {
	display: none;
}

.personnelone01 li:first-child {
	display: block;
}

.personnelone01 li img {
	display: block;
	width: auto;
	margin: auto;
	max-width: 75%;
}

/* personnelone02 */
.personnelone02 {
	width: 100%;
	box-sizing: border-box;
	padding: 80px 0 0;
}

.personnelone02 .top {
	width: 100%;
	text-align: center;
	text-align: center;
}

.personnelone02 .top h3 {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
}

.personnelone02 .top strong {
	display: block;
	width: 30px;
	height: 2px;
	background-color: #064688;
	margin: auto;
	margin-top: 20px;
}

.personnelone02map {
	width: 100%;
	position: relative;
}

.personnelone02map img {
	display: block;
	width: 100%;
}

.personnelone02map .map-list-a {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

#map-list-a a {
	text-align: center;
	position: relative;
	width: 80px;
	height: 80px;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

#map-list-a a span {
	z-index: 1;
	border: 1px solid rgba(243, 152, 0, 0.37);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent;
	background-color: #064688;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

#map-list-a a font {
	display: inline-block;
	font-size: 18px;
	color: #444444;
	left: -12px;
	top: 32px;
	position: absolute;
}


#map-list-a #a1 {
	top: 53%;
	right: 20%;
	position: absolute;
	width: 100px;
	height: 100px;
	visibility: visible;
	opacity: 1;
}

#map-list-a #a2 {
	top: 58%;
	right: 20%;
	position: absolute;
	width: 100px;
	height: 100px;
	visibility: visible;
	opacity: 1;
}

#map-list-a #a3 {
	top: 60%;
	right: 52%;
	position: absolute;
	visibility: visible;
	opacity: 1;
}

#map-list-a #a4 {
	top: 51%;
	right: 24%;
	position: absolute;
	visibility: visible;
	opacity: 1;
}

#map-list-a #a5 {
	top: 42%;
	right: 29%;
	position: absolute;
	visibility: visible;
	opacity: 1;
}

#map-list-a #a4 span,
#map-list-a #a3 span {
	background-color: #bababa;
	border-color: #bababa;
}

@keyframes ballScale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
}


#map-list-a #a1 font {
	position: absolute;
	top: 41px;
	left: 0px;
}

#map-list-a #a2 font {
	position: absolute;
	top: 40px;
	left: 0;
}

/* #map-list-a #a3 font{ position: absolute;top:32px;left: -12px;}
#map-list-a #a4 font{ position: absolute;top: 32px;left: -12px;}
#map-list-a #a5 font{ position: absolute;top: 32px;left: -12px;} */

#map-list-a .point {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent;
	width: 100%;
	height: 100%;
}

#map-list-a .point {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent;
	width: 100%;
	height: 100%;
}



#map-list-a .point-10 strong {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #064688;
	opacity: 0;
	-webkit-animation: ballScale 12s 0s linear infinite;
	-moz-animation: ballScale 12s 0s linear infinite;
	-ms-animation: ballScale 12s 0s linear infinite;
	animation: ballScale 12s 0s linear infinite;
}


#map-list-a .point-70 strong,
.map dt #map-list-a .point-40 strong {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #064688;
	opacity: 0;
	-webkit-animation: ballScale 6s 0s linear infinite;
	-moz-animation: ballScale 6s 0s linear infinite;
	-ms-animation: ballScale 6s 0s linear infinite;
	animation: ballScale 6s 0s linear infinite;
}

/* personneltwo02wrap */
.personneltwo01 {
	border: none;
	padding-bottom: 0;
}

.personneltwo02wrap {
	width: 100%;
	box-sizing: border-box;
}

.p-twotab {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #dddddd;
	background-color: #f1f2f3;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-twotab a {
	display: block;
	line-height: 80px;
	font-size: 16px;
	color: rgba(34, 34, 34, 0.5);
	position: relative;
	margin-right: 60px;
}

.p-twotab a::after {
	content: '';
	display: block;
	width: 0%;
	height: 2px;
	background-color: #064688;
	transition: all .3s;
	position: absolute;
	left: 0;
	bottom: 0;
}

.p-twotab a:hover::after,
.p-twotab a.active::after {
	width: 100%;
}

.p-twotab a:hover,
.p-twotab a.active {
	color: #064688;
}

.p-twotab a:last-child {
	margin-right: 0;
}

.personneltwo02 {
	margin: 60px auto 40px;
	box-sizing: border-box;
}

.personneltwo02 li {
	width: 100%;
	display: none;
}

.personneltwo02 li:first-child {
	display: block;
}

.personneltwo02 li .item {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.personneltwo02 li .item a {
	display: block;
	width: 32%;
	margin-right: 2%;
	position: relative;
	overflow: hidden;
	margin-bottom: 2%;
}

.personneltwo02 li .item a:nth-of-type(3n) {
	margin-right: 0;
}

.personneltwo02 li .item a img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.personneltwo02 li .item a:hover img {
	transform: scale(1.1);
}

.personneltwo02 li .item a .text {
	width: 100%;
	height: 40px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 16px;
	color: #fff;
	background-color: #064688;
	position: absolute;
	left: 0;
	box-sizing: border-box;
	bottom: 0;
	transition: all .3s;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
}

.personneltwo02 li .item a:hover .text {
	transform: none;
	-webkit-transform: none;
}

/* 质量管理 */
.qualityone01 {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	padding: 120px 0;
}

.qualityone01 .proonetext {
	margin: auto;
}

/* qualityone02 */
.qualityone02 {
	width: 100%;
	box-sizing: border-box;
}

.qualityone02 li {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.qualityone02 li .imgbox {
	width: 50%;
	overflow: hidden;
}

.qualityone02 li .imgbox img {
	display: block;
	width: 100%;
}

.qualityone02 li .text {
	width: 50%;
	box-sizing: border-box;
	padding: 0 150px;
}

.qualityone02 li .text h3 {
	font-size: 24px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 30px;
}

.qualityone02 li .text h4 {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	text-align: justify;
}

.qualityone02 li:nth-of-type(2n) {
	-webkit-flex-flow: row-reverse;
	flex-flow: row-reverse;
}

/* qualityone02wrap */
.qualityone03wrap {
	width: 100%;
	box-sizing: border-box;
	padding: 120px 0;
	background-color: #f1f2f3;
}

.qualityone03 {
	width: 950px;
	margin: auto;
	box-sizing: border-box;
}

.qualityone03 .top {
	font-size: 30px;
	color: #222222;
	margin-bottom: 40px;
	font-weight: bold;
	text-align: center;
}

.q-form {
	width: 100%;
	box-sizing: border-box;
}

.q-form label {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.q-form {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	width: 100%;
}

.q-form input {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	outline: none;
	box-sizing: border-box;
	font-size: 15px;
	color: #88898b;
	height: 46px;
	padding: 0 20px;
}

.q-form label input {
	display: block;
	width: 49%;
}

.q-form textarea {
	width: 100%;
	height: 110px;
	resize: none;
	outline: none;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 15px;
	color: #88898b;
	margin-bottom: 20px;
}

.q-form button {
	margin: auto;
	margin-top: 30px;
	border: 1px solid #064688;
	width: 130px;
	height: 40px;
	line-height: 40px;
}

/* qualityone04 */
.qualityone04 {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.qualityone04 a {
	display: block;
	width: calc((100% - 2px)/3);
	overflow: hidden;
	position: relative;
}

.qualityone04 a::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all .3s;
}

.qualityone04 a img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.qualityone04 a:hover img {
	transform: scale(1.1);
}

.qualityone04 a .text {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	font-size: 20px;
	color: #fff;
	z-index: 1;
}

.qualityone04 a:hover::after {
	background-color: rgba(0, 0, 0, 0);
}

/* 售后 */
.aftermarketone01 {
	margin: 100px auto;
	box-sizing: border-box;
}

.aftermarketone01 .proonetext p font {
	display: block;
	text-align: center;
	color: #064688;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
}

.aftermarketone01 .cont {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.aftermarketone01 .cont li {
	width: 14.4%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	padding: 40px 0;
	-webkit-transition: .5s width;
	transition: .5s width;
}

.aftermarketone01 .cont li:last-child {
	border-right: none;
}

.aftermarketone01 .cont li.now {
	width: 28%;
}

.aftermarketone01 .cont li .min {
	text-align: center;
	box-sizing: border-box;
	padding: 0 50px;
}

.aftermarketone01 .cont li .min img {
	display: block;
	width: auto;
	margin: auto;
	opacity: 0;
	transition: opacity .8s cubic-bezier(.51, 0, .12, 1);
	transition-delay: 0s;
}

.aftermarketone01 .cont li .min h3 {
	font-size: 16px;
	color: #222222;
	margin: 30px 0;
	text-align: center;
	font-weight: bold;
}

.aftermarketone01 .cont li .min h4 {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	opacity: 0;
	transition: opacity .8s cubic-bezier(.51, 0, .12, 1);
	transition-delay: 0s;
	width: 250px;
}

.aftermarketone01 .cont li.now .min img {
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

.aftermarketone01 .cont li.now .min h4 {
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

/* aftermarketone02 */
.aftermarketone02 {
	background: url(../images/sale_bg.jpg)no-repeat fixed;
	width: 100%;
	padding: 100px 0;
	background-size: cover;
}

.aftermarketone02 .cont {
	width: 580px;
	margin: auto;
	box-sizing: border-box;
}

.aftermarketone02 .cont .top {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}

.after-form {
	width: 100%;
	box-sizing: border-box;
}

.after-form input {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	outline: none;
	box-sizing: border-box;
	font-size: 15px;
	color: #88898b;
	height: 46px;
	padding: 0 20px;
}

.after-form textarea {
	width: 100%;
	height: 110px;
	resize: none;
	outline: none;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 15px;
	color: #88898b;
	margin-bottom: 20px;
}

.after-form button {
	margin: auto;
	margin-top: 30px;
	border: 1px solid #fff;
	width: 130px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: transparent;
}

.after-form button::after {
	border: #fff;
}

.after-form button:hover {
	color: #064688;
}

/* aftermarketone03 */
.aftermarketone03 {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	text-align: center;
}

.aftermarketone03 h3 {
	font-size: 32px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 30px;
}

.aftermarketone03 h4 {
	font-size: 16px;
	color: #666666;
	margin-bottom: 30px;
}

.aftermarketone03 .more {
	border: 1px solid #064688;
	background-color: transparent;
	color: #064688;
	margin: auto;
}

.aftermarketone03 .more::after {
	background-color: #064688;
}

.aftermarketone03 .more:hover {
	color: #fff;
}

/* 网站导航 */
.navigation01 {
	margin: 100px auto 0;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: inherit;
	flex-wrap: wrap;
	padding-right: 160px;
}

.navigation01 li {
	width: calc((100% - 480px)/4);
	margin-right: 160px;
	margin-bottom: 100px;
}

.navigation01 li:nth-of-type(4n) {
	margin-right: 0;
}

.navigation01 li h3 {
	border-bottom: 1px solid #aaaaaa;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.navigation01 li h3 a {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
}

.navigation01 li .min {
	width: 100%;
	box-sizing: border-box;
	display: -wap-marquee;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.navigation01 li .min .item p a {
	font-size: 15px;
	color: #444444;
	line-height: 30px;
}

.navigation01 li .min .item p a:hover {
	color: #064688;
	text-decoration: underline;
}

/* 联系方式 */
.modewrap {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #f5f5f5;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.modewrap .left {
	width: 50%;
	box-sizing: border-box;
	padding: 0 160px 0 calc((100% - 1200px)/2);
}

.modewrap .left h3 {
	font-size: 24px;
	color: #222222;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.modewrap .left h4 {
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
}

.modewrap .left p {
	font-size: 16px;
	color: #666666;
	line-height: 36px;
}

.modewrap .right {
	width: 50%;
	box-sizing: border-box;
	padding-right: 80px;
}

.modewrap .right .imgbox {
	width: 100%;
	overflow: hidden;
}

.modewrap .right .imgbox img {
	display: block;
	width: 100%;
}

/* 公司公告 */
.notice01wrap {
	margin: 100px auto 50px;
	position: relative;
	box-sizing: border-box;
}

.notice01 {
	width: 100%;
}

.notice01 .top {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
}

.notice01 .top h3 {
	font-size: 16px;
	color: #222222;
	font-weight: bold;
	line-height: 64px;
}

.notice01 .top h3:nth-of-type(1) {
	width: 20%;
	box-sizing: border-box;
	padding-left: 20px;
}

.notice01 .top h3:nth-of-type(2) {
	width: 65%;
}

.notice01 .top h3:nth-of-type(3) {
	width: 15%;
}

.notice01 a {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	align-items: center;
	-webkit-align-items: center;
	height: 64px;
	transition: all .3s;
}

.notice01 a span {
	width: 20%;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 15px;
	color: #888888;
}

.notice01 a p {
	font-size: 16px;
	color: #444444;
	font-weight: bold;
	width: 65%;
}

.notice01 a .more {
	border: 1px solid #dddddd;
	width: 102px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #999999;
	background-color: transparent;
	transition: all .3s;
}

.notice01 a .more i {
	font-size: inherit;
	color: inherit;
	margin-left: 10px;
}

.notice01 a:hover .more {
	border-color: #666666;
	color: #666666;
}

.notice01 a .btn {
	width: 15%;
}

.notice01 a:hover {
	background-color: #f1f2f3;
}

/* 知识产权 */
.knowladge01 {
	width: 100%;
	box-sizing: border-box;
}

.knowladge01 li {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 100px 0;
}

.knowladge01 li:nth-of-type(odd) {
	background-color: #eeeff0;
}

.knowladge01 .cont {
	width: 1200px;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.knowladge01 li .imgbox {
	width: 50%;
	box-sizing: border-box;
}

.knowladge01 li .imgbox img {
	display: block;
	width: 100%;
}

.knowladge01 li .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 50px;
}

.knowladge01 li .text h3 {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
}

.knowladge01 li .text p {
	font-size: 18px;
	color: #222222;
	margin-bottom: 20px;
	font-weight: bold;
}

.knowladge01 li .text h4 {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	text-align: justify;
}

.knowladge01 li:nth-of-type(2n) .cont {
	-webkit-flex-flow: row-reverse;
	flex-flow: row-reverse;
}

.knowladge01 li:nth-of-type(2n) .text {
	padding-left: 0;
	padding-right: 50px;
}

/* knowladge02wrap */
.knowladge02wrap {
	margin: 0 auto 100px;
	box-sizing: border-box;
}

.knowladge02wrap .top {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	border-top: 1px solid #ddd;
	height: 64px;
}

.knowladge02wrap .top h3 {
	font-size: 16px;
	color: #222222;
	font-weight: bold;
}

.knowladge02wrap .top h3:nth-of-type(1) {
	width: 20%;
	box-sizing: border-box;
	padding-left: 20px;
}

.knowladge02wrap .top h3:nth-of-type(2) {
	width: 80%;
	box-sizing: border-box
}

.knowladge02 {
	width: 100%;
	box-sizing: border-box;
}

.knowladge02 a {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	border-top: 1px solid #ddd;
	height: 64px;
	box-sizing: border-box;
	padding-right: 40px;
	position: relative;
	transition: all .3s;
}

.knowladge02 a p {
	font-size: 15px;
	color: #888888;
	box-sizing: border-box;
	padding-left: 20px;
	width: 20%;
}

.knowladge02 a h3 {
	width: 80%;
	font-size: 16px;
	color: #444444;
	font-weight: bold;
}

.knowladge02 a i {
	font-size: 16px;
	color: #888888;
	position: absolute;
	right: 40px;
	opacity: 0;
	transition: all .3s;
}

.knowladge02 a:hover i {
	opacity: 1;
}

.knowladge02 a:last-child {
	border-bottom: 1px solid #ddd;
}

.knowladge02 a:hover {
	background-color: #f1f2f3;
}

/* knowladge03wrap */
.knowladge03wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #eeeff0;
	padding: 100px 0;
}

.knowladge03wrap .top {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}

.knowladge03 {
	margin: auto;
	box-sizing: border-box;
	position: relative;
}

.knowladge03 a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.knowladge03 a img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.knowladge03 a:hover img {
	transform: scale(1.1);
}

.knowladge03 .swiper-button-next,
.knowladge03 .swiper-button-prev {
	background-image: none;
	font-size: 30px;
	color: #222222;
	width: auto;
	height: auto;
	margin-top: -15px;
	outline: none;
}

.knowladge03 .swiper-button-next {
	right: -60px;
}

.knowladge03 .swiper-button-prev {
	left: -60px;
}

.knowladge03wrap .swiper-pagination {
	width: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	bottom: 0;
	margin-top: 30px;
}

.knowladge03wrap .swiper-pagination-bullet {
	margin-right: 10px;
	background-color: #aaaaaa;
	opacity: 1;
	outline: none;
}

.knowladge03wrap .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.knowladge03wrap .swiper-pagination-bullet-active {
	background-color: #222;
}

/*隐私政策*/
.secretwarp {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	margin-top: 190px;
}

.secretwarp .t-tl {
	font-size: 32px;
	color: #222222;
	font-weight: bold;
	width: 1100px;
	margin: auto;
	margin-bottom: 90px;
	text-align: center;
}

.secretwarp .secret {
	width: 100%;
	box-sizing: border-box;
}

.secretwarp .secret .cont {
	width: 1100px;
	margin: auto;
	box-sizing: border-box;
	padding-top: 0px;
	margin-bottom: 130px;
}

.secretwarp .secret .cont p {
	font-size: 15px;
	color: #444444;
	line-height: 28px;
	margin-bottom: 40px;
	text-align: justify;
}

.secretwarp .secret .cont h3 {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 15px;
	border-left: 2px solid #064688;
	color: #064688;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}


.newsinfowrap {
	width: 100%;
	box-sizing: border-box;
	margin-top: 90px;
}

.newsinfowrap .n-tlwrap {
	width: 100%;
	box-sizing: border-box;
	/* background-color: #f1f2f3;
	padding: 80px 0; */
}

.newsinfowrap .n-tlwrap .n-tl {
	width: 1300px;
	margin: auto;
	text-align: center;
}

.newsinfowrap .n-tlwrap .n-tl h3 {
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 36px;
}

.newsinfowrap .n-tlwrap .n-tl p {
	font-size: 14px;
	color: #888888;
}

.newsinfo01 {
	width: 1300px;
	margin: 0 auto;
	box-sizing: border-box;
	/* padding-right: 280px; */
	margin-bottom: 100px;
	margin-top: 20px;
	border-top: 1px solid #e3e2e2;
	/* border-bottom: 1px solid #e3e2e2; */
}

.newsinfo01 .cont {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	padding: 50px 0;
}


.newsinfo01 .cont h4 {
	font-size: 15px;
	color: #666666;
	line-height: 32px;
	margin-bottom: 30px;
}




.newsinfo01 .cont h4:last-child {
	margin-bottom: 0;
}

.newsinfo01 .cont h4 img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}

.newsinfo01 .cont h4 p {
	font-size: 15px;
	color: #666666;
	line-height: 32px;
	margin-bottom: 30px;
}

.newsinfo01 .page {
	width: 100%;
	/* display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center; */
	padding-top: 30px;
}

.newsinfo01 .page a {
	display: block;
	font-size: 14px;
	color: #666666;
	line-height: 2.2;
}

.newsinfo01 .page a i {
	font-size: inherit;
	color: inherit;
	margin-right: 10px;
}

.newsinfo01 .page a:last-child i {
	margin-right: 0;
	margin-left: 10px;
}

.newsinfo01 .page a:hover {
	color: #064688;
}

.picInfo {
	border-top: none;
}

.picInfoTitle {
	font-size: 35px;
	font-weight: bold;
	color: #0e3b6b;
	line-height: 2.5;
}

.picInfoText {
	text-align: justify;
	font-size: 17px;
	color: #666666;
	line-height: 2;
}

.picInfoImg {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 20px auto;
}

.picInfoImg img {
	width: 49%;
}

.picInfoT {
	margin: 10px auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.picInfoTLeft {
	width: 49%;

}

.picInfoTLeft .li,
.picInfoTyl .li {
	font-size: 18px;
	line-height: 2;
}

.picInfoTLeft p,
.picInfoTyl p {
	font-size: 15px;
	line-height: 2;
}

.picInfoTRight {
	width: 49%;
}

.picInfoTRight img {
	width: 100%;
}

.picInfoTyl {
	margin-top: 20px;
}

.contentList {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contentList li {
	flex: 1;
	text-align: center;
}

.contentList li img {
	display: block;
	margin: 20px auto;
	width: 82px;
	height: 82px;
}

.contentList li .title {
	font-size: 18px;
	color: #676767;
	line-height: 2;
	font-weight: bold;
}

.contentList li .subtitle {
	font-size: 14px;
	color: #676767;
}

.map {
	margin: 100px auto;
	width: 100%;
	overflow: hidden;
}

.map img {
	max-width: 100%;
}

/* .tolist */
.tolist {
	background-color: rgb(241, 242, 243);
	padding: 100px calc((100% - 1200px)/2);
}

.tolist a {
	font-size: 16px;
	color: #333;
}

.tolist a i {
	font-size: inherit;
	color: inherit;
	margin-right: 10px;
}

.tolist02 {
	background-color: #fff;
}



.newsinfo01 .cont p,
.newsinfo01 .cont span,
.newsinfo01 .cont font,
.newsinfo01 section {
	font-size: 15px;
	color: #666666;
	line-height: 32px;
}

.newsinfo01 .cont img {
	/* width: 600px; */
	height: auto;
	max-width: 100%;
	margin: 20px auto 20px;
}

/* 授权代理商 */
.agentbanner {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.agentbanner img {
	display: block;
	width: 100%;
}

.agentbanner .text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin-top: 45px;
}

.agentbanner .text p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.agentbanner .text h3 {
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
}

/* agent01wrap */
.agent01wrap {
	width: 100%;
	box-sizing: border-box;
	margin: 100px 0;
}

.agenttl {
	text-align: center;
	font-size: 24px;
	color: #222222;
	font-weight: bold;
	padding-bottom: 50px;
}

.agent01wrap .line {
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: relative;
	z-index: 0;
}

.agent01 {
	margin: auto;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	margin-top: -10px;
}

.agent01 .item {
	width: 32%;
	box-sizing: border-box;
	text-align: center;
}

.agent01 .item font {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #064688;
	border-radius: 50%;
	margin: auto;
}

.agent01 .item p {
	font-size: 16px;
	color: #222222;
	margin: 20px auto 40px;
}

.agent01 .item h4 {
	font-size: 15px;
	color: #444444;
	line-height: 30px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 50px;
	background-color: #ebebeb;
	position: relative;
	min-height: 190px;
}

.agent01 .item h4::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #ebebeb;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -10px;
}

/* agent02wrap */
.agent02wrap {
	width: 100%;
	box-sizing: border-box;
	background-color: #f1f2f3;
	padding: 100px 0;
}

.agent02 {
	margin: auto;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.agent02 .imgbox {
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.agent02 .imgbox img {
	display: block;
	width: 100%;
	transition: all .6s;
}

.agent02 .imgbox:hover img {
	transform: scale(1.1);
}

.agent02 .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 40px;
}

.agent02 .text p {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	line-height: 24px;
	color: #444444;
	margin-bottom: 30px;
}

.agent02 .text p:last-child {
	margin-bottom: 0;
}

.agent02 .text p::before {
	content: '';
	display: block;
	width: 2px;
	height: 15px;
	background-color: #444;
	position: absolute;
	left: 0;
	top: 4px;
}

/* agent03wrap */
.agent03wrap {
	width: 100%;
	box-sizing: border-box;
	margin: 100px 0;
}

.agent03 {
	margin: auto;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.agent03 li {
	width: 18.4%;
	margin-right: 2%;
	box-sizing: border-box;
	padding: 30px;
	background-color: #eeeeee;
	text-align: center;
}

.agent03 li:nth-of-type(5n) {
	margin-right: 0;
}

.agent03 li .imgbox {
	width: 79px;
	height: 79px;
	margin: auto;
	margin-bottom: 30px;
}

.agent03 li .imgbox img {
	display: block;
	width: 100%;
}

.agent03 li h4 {
	font-size: 15px;
	color: #444444;
	line-height: 24px;
}



@media only screen and (max-width: 1600px) {
	.headerwrap .header .nav li>a {
		padding: 0px 10px;
	}

	.b-bot .scoll {
		width: calc((100% - 1100px)/2);
	}

	.footer02 {
		width: 1100px;
	}

	.b-bot .scoll p {
		letter-spacing: 0;
	}

	.jt {
		width: 6px;
		height: 6px;
	}

	.bannerwrap1 .banner .text h3 {
		font-size: 50px;
	}

	.index01 .left .cont {
		padding-right: 50px;
	}

	.index01 .left .cont h3 {
		font-size: 30px;
	}

	.index01 .left .cont h4 {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.index01 .left .cont h5,
	.index04wrap .top h4 {
		font-size: 14px;
		line-height: 26px;
	}

	.more {
		width: 160px;
	}

	.index03 {
		padding: 150px calc((100% - 1100px)/2) 0;
	}

	.index03 .item .text .more {
		margin-top: 80px;
	}

	.index04wrap .top p {
		font-size: 18px;
	}

	.index04wrap .index04 {
		padding: 100px calc((100% - 1100px)/2);
	}

	.index04wrap .index04 .text .cont {
		padding-left: 100px;
		margin-left: -50px;
	}

	.index05wrap .top .left {
		padding-left: calc((100% - 1040px)/2);
	}

	.index05wrap .top .left .cont .tl {
		margin-bottom: 60px;
		font-size: 30px;
	}

	.index05wrap .top .left .bgfont {
		font-size: 120px;
		letter-spacing: 10px;
	}

	.index05wrap .top .left .cont {
		padding-top: 170px;
	}

	.index05wrap .top .left .cont::before {
		top: 170px;
	}

	.index06wrap .tl {
		width: 1040px;
		box-sizing: border-box;
		font-size: 30px;
	}

	/* .index07wrap .item .text{padding-left: calc((100% - 1040px)/2);} */
	.index07wrap .item .text .cont .fontbg {
		font-size: 89px;
		margin-top: -40px;
	}

	.footer_bt {
		padding: 1rem;
		margin: 0;
		border-top: none;
		line-height: 2;

	}

	.footer_bt .item {
		line-height: 2;
	}

	.index07wrap .item .text .cont h5 {
		margin-bottom: 30px;
		font-size: 16px;
	}

	.index07wrap .item .text .cont h3 {
		font-size: 30px;
	}

	.index07wrap .item .text .cont p {
		font-size: 14px;
		line-height: 28px;
	}

	.index08 p {
		font-size: 18px;
	}

	.index06wrap .index06 {
		width: 1200px;
	}

	.index06wrap .index06 .min a font {
		font-size: 14px;
	}

	.index08 {
		width: 1040px;
	}

	.index01 {
		margin-top: 100px;
	}

	.index02 {
		margin-bottom: 100px;
	}

	.index04wrap .top,
	.index08 {
		margin: 100px auto;
	}

	.index05wrap {
		padding: 100px 0;
	}

	.index06wrap .tl {
		padding-top: 100px;
		margin-bottom: 0;
	}

	.index05wrap .top .left .cont {
		padding-top: 80px;
	}

	.index05wrap .top .left .cont .list .item h4 {
		margin-bottom: 40px;
	}

	.index05wrap .top .left .bgfont {
		top: 30px;
	}

	.index05wrap .top .right img {
		border-bottom-left-radius: 250px;
	}

	.index01 .left {
		padding-left: 50px;
	}

	.index02 li .right {
		padding: 50px;
	}

	.a-right a {
		padding: 50px;
	}

	.index05wrap .bot .gallery-thumbs .swiper-slide a .text {
		font-size: 16px;
	}

	.index06wrap .tl::before {
		top: 100px;
	}

	.index03 .item .text h3 {
		font-size: 30px;
	}

	.index04wrap .index04 .text .cont h3 {
		font-size: 30px;
	}

	.footerwrap .footer .left h4 {
		font-size: 13px;
		line-height: 24px;
	}

	.footerwrap .footer .f-nav li .list p a {
		font-size: 14px;
	}
	.headerwrap .header .logo{
		width: 33%;
	}
	.headerwrap .header .logo img{
		width: 100%;
	}
	.headerwrap .header .nav li>a {
		font-size: 18px;
		height: 60px;
		line-height: 60px;
	}

	.index06wrap .min02 {
		width: 1100px;
	}

	.footer02 .bot .right li {
		margin-right: 15px;
	}

	.bannerwrap1 .vide0text h3 {
		font-size: 48px;
		;
	}

	.index02 li .right .hover {
		font-size: 14px;
	}

	.min02wrap {
		padding: 100px 0;
	}

	.index01two .textmin li .item .cont .more {
		width: 160px;
	}

	.innerbanner .text p {
		font-size: 34px;
	}

	.innerbanner .text h3 {
		font-size: 24px;
	}

	.solution02 {
		width: 96%;
	}

	.innerbanner .mbxwrap h3 {
		font-size: 24px;
		line-height: 80px;
	}

	.innerbanner .mbxwrap .right a {
		margin-left: 40px;
		font-size: 18px;
	}

	.about01 .left {
		width: 40%;
	}

	.about01 .right {
		width: 60%;
		padding: 0 80px 0 50px;
	}

	.about01 .right h5 {
		font-size: 15px;
		line-height: 32px;
	}

	.about01 .right h3 {
		font-size: 32px;
		margin-top: 20px;
	}

	.about01 .right p {
		margin-bottom: 20px;
	}

	.about01wrap::after {
		left: calc((100% - 1040px)/2);
	}

	.about02 {
		width: 1040px;
	}

	.about02 .right h5 {
		font-size: 15px;
		line-height: 32px;
	}

	.about01 .right h4 {
		font-size: 20px;
		line-height: 32px;
		margin: 20px 0;
	}

	.about02 .right h3 {
		font-size: 32px;
	}

	.about02 .right h4 {
		font-size: 20px;
		margin: 20px 0;
	}

	.about01wrap {
		padding: 100px 0;
	}

	.about04wrap .a-tl {
		font-size: 32px;
	}

	.about05wrap .top h3 {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.about02 {
		margin: 100px auto;
	}

	.about04wrap {
		padding: 100px 0;
	}

	.about03 li {
		padding: 80px 0;
	}

	.about03 li .hovertext {
		font-size: 15px;
		margin-top: 40px;
	}

	.about03 li h3 {
		font-size: 40px;
		line-height: 46px;
	}

	.about03 li p {
		margin-top: 40px;
	}

	.s-tl h3 {
		font-size: 32px;
	}

	#box .fa {
		width: 54px;
		height: 54px;
		line-height: 54px;
	}

	#box .fa:before {
		margin-left: 5px;
	}


	.gaoguan01 {
		width: 1040px;
	}

	.career02 a .min .text h3 {
		font-size: 16px;
		line-height: 26px;
	}

	.proone02 a .text {
		padding: 0 60px;
	}

	.join02 {
		width: 1100px;
	}

	.protwo01 .box .text {
		padding: 0 50px;
	}

	.protwo01 .box .text h3 {
		font-size: 24px;
		line-height: 26px;
	}

	.protwo01 .box .text font {
		font-size: 20px;
	}

	.protwo01 .box .text p {
		font-size: 32px;
	}

	.prolistoneinfowrap {
		width: 1100px;
	}

	.prolistoneinfo li .tlinfo {
		font-size: 15px;
		letter-spacing: 0;
	}

	.gaoguaninfo01 .cont {
		width: 1100px;
	}

	.gaoguaninfo02wrap {
		width: 1100px;
	}

	.proone0201,
	.prothere02,
	.prothere04wrap {
		width: 1100px;
	}

	.proone05 {
		width: 1100px;
	}

	.protwo02 .box .text h4 {
		font-size: 14px;
	}

	.protwo02 .box .text {
		padding-left: 40px;
		width: 55%;
		margin-right: -5%;
	}

	.prothere03 .li .text {
		padding: 0 30px;
	}

	.prothere03 .li .text h4 {
		font-size: 14px;
		line-height: 26px;
		min-height: 78px;
		margin-bottom: 40px;
	}

	/* 20200821 */
	.contwidth,
	.news02 .content .main,
	.supplytopwrap .text {
		width: 1100px;
	}

	.datatwo01 .item .right {
		padding-right: calc((100% - 1100px)/2);
		padding-left: 50px;
	}

	.datatwo01 .item:nth-of-type(2n) .right {
		padding-left: calc((100% - 1100px)/2);
		padding-right: 50px;
	}

	.datatwo01 .item .right .cont .list .info h4 {
		font-size: 14px;
		line-height: 24px;
	}

	.datatwo01 .item .right .cont .list .top h3 {
		font-size: 18px;
	}

	.datatwo01 .item .right .cont .list .info {
		padding: 15px 0 0;
		padding-left: 54px;
	}

	.datatwo01 .item .right .cont .list {
		margin-bottom: 20px;
	}

	.prothere01,
	.knowladge01 .cont {
		width: 1100px;
	}

	.prothere02 .gallery-top .text {
		padding: 90px 100px;
	}

	/* 供应链 */

	.qualityone02 li .text {
		padding: 0 100px;
	}

	.supplywrap {
		margin-top: 86px;
	}

	.modewrap .left {
		padding: 0 80px 0 calc((100% - 1100px)/2);
	}

	.modewrap .right {
		padding-right: 60px;
	}

	.knowladge01 li .text {
		padding-left: 40px;
	}

	.knowladge01 li .text h4 {
		font-size: 14px;
		line-height: 28px;
	}

	.knowladge01 li .text p {
		font-size: 16px;
	}

	.knowladge01 li .text h3 {
		font-size: 28px;
	}

	.knowladge01 li:nth-of-type(2n) .text {
		padding-right: 40px;
	}

	.index03 .item .text h4 {
		line-height: 26px;
		font-size: 14px;
	}

	.header .nav li .nav02 {
		top: 86px;
	}


	.tolist {
		padding: 100px calc((100% - 1100px)/2);
	}

	.agent03 li {
		padding: 30px 20px;
	}

	.solution04 {
		width: 1100px;
	}

	.proone04 .proone05 a .cont h3 {
		font-size: 26px;
	}
}

.pagination-centered {
	margin: 2.1875rem auto;
}

.pagination-centered .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination-centered .pagination li {
	margin: 0 5px;
}

.pagination-centered .pagination li a,
.pagination-centered .pagination li span {
	display: block;
	text-align: center;
	line-height: 2;
	color: #404040;
	background-color: #f3f4f7;
	border: solid 1px #dadee2;
	padding: 0.0625rem 0.825rem 0.0625rem;
}

.pagination-centered .pagination li.active span {
	background: #02599f;
	border: solid 1px #02599f;
	color: #fff;
}

.pagination-centered .pagination li.disabled span {
	background: #efefef;
}

.newslist {
	margin: 0 auto;
}

.join {
	border-top: none;
}

.join_info {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.join_info .join_info_right {
	width: 30%;
	color: #fff;
	position: relative;
}

.join_info .join_info_right img {
	width: 100%;
}

.join_info .join_info_right p {
	font-size: 19px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 2;
}

.join_info .join_info_right span {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 2.2;
}

.join_info .join_info_right i {
	display: block;
	width: 70px;
	height: 1px;
	background: #fff;
}

.join_info .join_info_left {
	width: 100%;
	display: block;
}

.join_info .join_info_left .accordion-navigation {
	margin-bottom: 15px !important;
}
.join_info .join_info_left .accordion-navigation:nth-of-type(even) a{
	background: #fff;
}
.join_info .join_info_left .accordion-navigation >a{
	padding-right: 46px;
	position: relative;
}
.join_info .join_info_left .accordion-navigation >a::after{
	content: "+";
	position: absolute;
	top: -4px;
	right: 15px;
	font-size: 36px;
	color: #333;
}
.join_info .join_info_left .accordion-navigation >a.active {
  background: #34548d!important;
  color: #fff!important;
}
.accordion .accordion-navigation.active>a, .accordion dd.active>a{
  background: #34548d!important;
  color: #fff!important;

}
.accordion .accordion-navigation.active>a::after, .accordion dd.active>a::after{
	content: "-";
	color: #fff;
}
.accordion .accordion-navigation > a, .accordion dd > a{
	background: #f8f8f8;
}

.join_info .join_info_left li .content {
	width: 100%;
	line-height: 2.2;
	background: #f8f8f8!important;
}
.fu{
	position: fixed;
	right: 59px;
	bottom: 100px;
	background: #064688;
	border-radius: 8px;
	z-index: 44;
	width: 108px;
}
.fu li{
	border-bottom: 1px solid rgba(255,255,255,.3);

	height: 112px;
	position: relative;
}
.fu li a{
	display: block;
	padding: 20px 0;
}
.fu li:hover .sx_ewm{
display: block;
left: -145px;
opacity: 1;
}
.sx_ewm{
	display: none;
	position: absolute;
	top: 0;
	left:0;
	width: 150px;
	padding: 15px;
	font-size: 18px;
	color: #fff;
	background: #064688;
	transition: all .8s;
	z-index: -1;
	opacity: 0;
}
.fu li .sx_ewm img{
	width: 120px;
	height: 120px;
}
.fu li:last-child{
	border-bottom: none;
}
.fu li img{
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto;
}
.fu li p{
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 2.5;
}